:root {
  --bg: #080a0f;
  --sidebar: #0b0e14;
  --surface: #10141d;
  --surface-2: #151a25;
  --surface-3: #1a2030;
  --line: #232a39;
  --line-soft: rgba(169, 181, 205, .1);
  --text: #f5f7fb;
  --muted: #8e98aa;
  --muted-2: #737e91;
  --accent: #9b8cff;
  --accent-soft: rgba(155, 140, 255, .12);
  --cyan: #57ddd2;
  --positive: #64dda6;
  --warning: #f3bd67;
  --danger: #f27682;
  --radius: 20px;
  --radius-sm: 12px;
  --mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 74% -15%, rgba(155, 140, 255, .11), transparent 34rem),
    radial-gradient(circle at 102% 38%, rgba(87, 221, 210, .045), transparent 28rem),
    var(--bg);
  font-family: var(--sans);
  font-size: 14px;
  line-height: 1.5;
}
body.modal-open { overflow: hidden; }

a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.08; }
code, textarea { font-family: var(--mono); }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 224px minmax(0, 1fr); }
.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 24px 14px 16px;
  border-right: 1px solid var(--line);
  background: rgba(11, 14, 20, .96);
  backdrop-filter: blur(24px);
}
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.brand-symbol {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(143, 131, 255, .5);
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(145deg, rgba(143, 131, 255, .28), rgba(98, 213, 208, .08));
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
}
.brand-copy { min-width: 0; display: grid; }
.brand-copy strong { font-size: 15px; letter-spacing: -.02em; }
.brand-copy small { color: var(--muted-2); font-family: var(--mono); font-size: 8px; letter-spacing: .04em; }
.side-nav {
  min-height: 0;
  flex: 1;
  display: grid;
  align-content: start;
  gap: 3px;
  margin: 38px -5px 0 0;
  padding-right: 5px;
  overflow-y: auto;
  scrollbar-width: none;
}
.side-nav::-webkit-scrollbar { display: none; }
.nav-group {
  display: grid;
  gap: 3px;
  padding: 4px 0;
  border-bottom: 1px solid var(--line-soft);
}
.nav-group:last-child { border-bottom: 0; }
.nav-group summary {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 6px;
  padding: 0 7px;
  color: var(--muted-2);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  list-style: none;
}
.nav-group summary::-webkit-details-marker { display: none; }
.nav-group summary b {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line-soft);
  border-radius: 50%;
}
.nav-group summary b::before {
  content: "+";
  color: var(--muted);
  font-family: var(--mono);
  font-size: 11px;
  line-height: 1;
}
.nav-group[open] summary { color: #d8d3ff; }
.nav-group[open] summary b::before { content: "-"; }
.nav-label {
  margin: 19px 12px 6px;
  color: var(--muted-2);
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.side-nav a {
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}
.side-nav a:hover { color: var(--text); background: rgba(255,255,255,.025); }
.side-nav a.active { color: var(--text); border-color: rgba(155,140,255,.22); background: linear-gradient(90deg, rgba(155,140,255,.14), rgba(155,140,255,.055)); box-shadow: inset 3px 0 0 var(--accent); }
.nav-icon { color: var(--muted-2); font-family: var(--mono); font-size: 8px; }
.nav-icon.image { width: 18px; height: 18px; display: grid; place-items: center; }
.nav-icon.image img { width: 17px; height: 17px; object-fit: contain; }
.protocol-dot { width: 8px; height: 8px; margin-left: 2px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(143,131,255,.08); }
.uni-dot { background: #d292e7; box-shadow: 0 0 0 4px rgba(210,146,231,.08); }
.orca-dot { background: var(--cyan); box-shadow: 0 0 0 4px rgba(98,213,208,.08); }
.sidebar-footer { display: grid; gap: 13px; margin-top: auto; padding: 14px 8px 0; border-top: 1px solid var(--line-soft); }
.node-state { display: flex; align-items: center; gap: 9px; }
.node-state i, .pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--positive); box-shadow: 0 0 0 4px rgba(110,214,168,.09); }
.node-state span { display: grid; }
.node-state strong { font-size: 10px; }
.node-state small { color: var(--muted-2); font-size: 8px; }
.quiet-button { padding: 0; color: var(--muted); border: 0; background: none; cursor: pointer; font-size: 11px; text-align: left; }
.quiet-button:hover { color: var(--text); }

.workspace { min-width: 0; }
.top-account-bar {
  min-height: 62px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 14px clamp(24px, 3.5vw, 58px) 0;
}
.account-menu { position: relative; z-index: 25; }
.account-menu summary {
  min-width: 218px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 7px 9px;
  border: 1px solid var(--line);
  border-radius: 15px;
  color: var(--text);
  background: rgba(17, 20, 29, .78);
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
  cursor: pointer;
  list-style: none;
}
.account-menu summary::-webkit-details-marker { display: none; }
.account-avatar {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(155, 140, 255, .35);
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(145deg, rgba(155,140,255,.26), rgba(87,221,210,.08));
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
}
.account-name { min-width: 0; display: grid; gap: 1px; }
.account-name strong {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-name small {
  overflow: hidden;
  color: var(--muted-2);
  font-family: var(--mono);
  font-size: 8px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.account-caret { color: var(--muted-2); font-size: 11px; }
.account-menu-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 220px;
  display: grid;
  gap: 4px;
  padding: 7px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(14, 17, 25, .98);
  box-shadow: 0 22px 70px rgba(0,0,0,.42);
}
.account-menu-panel a,
.account-menu-panel button {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  text-align: left;
}
.account-menu-panel a:hover,
.account-menu-panel button:hover {
  color: var(--text);
  border-color: var(--line-soft);
  background: rgba(255,255,255,.035);
}
.account-menu-panel form { margin: 0; }
.mobile-header { display: none; }
.content { width: min(100%, 1540px); margin: 0 auto; padding: 18px clamp(24px, 3.5vw, 58px) 90px; }
.mobile-nav { display: none; }
.flash {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  padding: 12px 15px;
  border: 1px solid rgba(110,214,168,.25);
  border-radius: 12px;
  color: #b8ead4;
  background: rgba(110,214,168,.07);
  font-size: 12px;
}
.flash span { width: 6px; height: 6px; border-radius: 50%; background: var(--positive); }
.page-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 36px;
  margin-bottom: 30px;
}
.page-header h1 { max-width: 850px; margin: 7px 0 8px; font-size: clamp(31px, 3.6vw, 50px); font-weight: 590; letter-spacing: -.055em; }
.page-subtitle { max-width: 650px; margin: 0; color: var(--muted); font-size: 14px; }
.overline, .eyebrow { margin: 0; color: var(--accent); font-family: var(--mono); font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 0 16px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--surface-2);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.button:hover { border-color: #3c4558; background: var(--surface-3); }
.button.primary { color: #0d0e14; border-color: #b4aaff; background: linear-gradient(135deg, #b8afff, #8e80f0); box-shadow: 0 10px 30px rgba(122,105,228,.2); }
.button.primary:hover { filter: brightness(1.07); }
.button:disabled { opacity: .55; cursor: wait; }
.button.secondary { color: var(--text); background: transparent; }
.button.small { min-height: 34px; padding: 0 11px; font-size: 10px; }
.dashboard-actions { display: flex; align-items: center; gap: 18px; }
.last-update { display: grid; justify-items: end; gap: 3px; padding-right: 18px; border-right: 1px solid var(--line); white-space: nowrap; }
.last-update span { color: var(--muted-2); font-family: var(--mono); font-size: 7px; letter-spacing: .12em; }
.last-update strong { color: var(--muted); font-family: var(--mono); font-size: 9px; font-weight: 500; }
.sync-action { display: flex; align-items: center; gap: 16px; }
.mini-check { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; }
.mini-check input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.mini-check span { width: 26px; height: 15px; padding: 2px; border: 1px solid var(--line); border-radius: 99px; background: var(--surface); }
.mini-check span::after { content: ""; display: block; width: 9px; height: 9px; border-radius: 50%; background: var(--muted-2); transition: .15s; }
.mini-check input:checked + span::after { transform: translateX(11px); background: var(--accent); }

.command-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(390px, .85fr); gap: 14px; margin-bottom: 12px; }
.networth-card, .risk-card, .criteria-card, .pool-card {
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(18,23,33,.98), rgba(12,15,22,.98));
  box-shadow: 0 24px 70px rgba(0,0,0,.16);
}
.networth-card { position: relative; min-height: 322px; overflow: hidden; padding: 25px; }
.networth-card::after { content: ""; position: absolute; width: 360px; height: 360px; right: -125px; top: -140px; border: 1px solid rgba(155,140,255,.12); border-radius: 50%; box-shadow: 0 0 0 55px rgba(155,140,255,.025), 0 0 0 110px rgba(87,221,210,.012); }
.live-chip { padding: 5px 8px; border: 1px solid rgba(100,221,166,.2); border-radius: 99px; color: var(--positive); font-family: var(--mono); font-size: 7px; background: rgba(100,221,166,.05); }
.networth-value { position: relative; z-index: 1; display: block; margin: 35px 0 34px; font-size: clamp(55px, 6.6vw, 88px); font-weight: 570; letter-spacing: -.08em; line-height: .9; }
.networth-value small { margin-right: 7px; color: var(--muted-2); font-size: .35em; vertical-align: top; }
.networth-stats { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.networth-stats div { min-width: 0; padding-right: 11px; border-right: 1px solid var(--line-soft); }
.networth-stats div:last-child { border: 0; }
.networth-stats span, .risk-facts span { display: block; color: var(--muted); font-size: 8px; }
.networth-stats strong { display: block; overflow: hidden; margin-top: 5px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.risk-card { min-height: 322px; padding: 25px; }
.risk-primary { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-top: 31px; }
.risk-primary > div { display: grid; }
.risk-primary span:first-child { color: var(--muted); font-family: var(--mono); font-size: 8px; letter-spacing: .12em; }
.risk-primary strong { margin: 3px 0 1px; color: var(--positive); font-size: 54px; font-weight: 590; letter-spacing: -.065em; line-height: 1; }
.tone-excellent .risk-primary strong { color: var(--positive); }
.tone-stable .risk-primary strong { color: var(--cyan); }
.tone-warning .risk-primary strong { color: var(--warning); }
.tone-danger .risk-primary strong { color: var(--danger); }
.risk-primary small { color: var(--muted); font-size: 9px; }
.risk-state { padding: 5px 8px; border: 1px solid rgba(100,221,166,.22); border-radius: 99px; color: var(--positive); background: rgba(100,221,166,.05); font-family: var(--mono); font-size: 7px; }
.tone-excellent .risk-state { color: var(--positive); border-color: rgba(100,221,166,.22); background: rgba(100,221,166,.05); }
.tone-stable .risk-state { color: var(--cyan); border-color: rgba(130,208,255,.22); background: rgba(130,208,255,.05); }
.tone-warning .risk-state { color: var(--warning); border-color: rgba(243,189,103,.22); background: rgba(243,189,103,.05); }
.tone-danger .risk-state { color: var(--danger); border-color: rgba(242,118,130,.22); background: rgba(242,118,130,.05); }
.risk-scale { position: relative; height: 5px; margin: 26px 0 20px; border-radius: 99px; background: linear-gradient(90deg, var(--danger), var(--warning) 45%, var(--positive)); }
.risk-scale::before, .risk-scale::after { content: ""; position: absolute; top: 8px; color: var(--muted-2); font-family: var(--mono); font-size: 7px; }
.risk-scale::before { content: "1.0"; left: 0; }
.risk-scale::after { content: "2.0+"; right: 0; }
.risk-scale b { position: absolute; left: 76%; top: 50%; width: 13px; height: 13px; transform: translate(-50%,-50%); border: 3px solid var(--surface); border-radius: 50%; background: #fff; }
.tone-excellent .risk-scale b { left: 82%; }
.tone-stable .risk-scale b { left: 64%; }
.tone-warning .risk-scale b { left: 52%; }
.tone-danger .risk-scale b { left: 24%; }
.risk-facts { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 9px; margin-top: 26px; }
.risk-facts strong { display: block; overflow: hidden; margin-top: 4px; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.liquidation-line { margin-top: 15px; color: var(--muted); font-size: 8px; }
.quick-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 9px; margin: 0 0 42px; }
.quick-metrics article { padding: 15px 17px; border: 1px solid var(--line); border-radius: 15px; background: rgba(16,20,29,.68); }
.quick-metrics span, .quick-metrics small { display: block; color: var(--muted); font-size: 8px; }
.quick-metrics strong { display: block; margin: 5px 0 2px; font-size: 18px; letter-spacing: -.035em; }
.capital-breakdown { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 9px; margin: 0 0 9px; }
.capital-breakdown article { padding: 16px 17px; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(145deg, rgba(18,23,33,.86), rgba(12,15,22,.86)); }
.capital-breakdown span, .capital-breakdown small { display: block; color: var(--muted); font-size: 10px; }
.capital-breakdown strong { display: block; margin: 7px 0 3px; font-size: 21px; letter-spacing: -.04em; }
.dashboard-society { margin: 24px 0 12px; }
.dashboard-society-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.dashboard-society-grid > article { padding: 19px; border: 1px solid rgba(87,221,210,.2); border-radius: 17px; background: radial-gradient(circle at 90% 10%,rgba(87,221,210,.08),transparent 40%),linear-gradient(145deg,rgba(18,23,33,.92),rgba(12,15,22,.92)); }
.dashboard-society-grid header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.dashboard-society-grid header > div { display: grid; gap: 3px; }
.dashboard-society-grid header span, .dashboard-society-value span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }
.dashboard-society-grid header strong { font-size: 13px; }
.dashboard-society-grid header > b { color: var(--cyan); font-size: 21px; }
.dashboard-society-value { display: grid; gap: 5px; margin: 26px 0 20px; }
.dashboard-society-value strong { font-size: clamp(30px,4vw,45px); letter-spacing: -.05em; }
.dashboard-society-grid footer { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 13px; border-top: 1px solid var(--line-soft); }
.dashboard-society-grid footer span { padding: 5px 7px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); font-size: 8px; }
.dashboard-society-grid footer b { color: var(--text); }
.dashboard-society-grid footer a { margin-left: auto; padding: 5px 8px; border: 1px solid rgba(87,221,210,.22); border-radius: 8px; color: var(--cyan); font-size: 8px; font-weight: 800; }
.fee-metric { min-width: 0; }
.fee-asset-strip { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.fee-asset-strip em { display: inline-flex; gap: 5px; padding: 4px 6px; border: 1px solid var(--line-soft); border-radius: 8px; color: var(--text); background: rgba(255,255,255,.025); font-style: normal; font-size: 9px; }
.fee-asset-strip em b { color: var(--muted); font-weight: 700; }
.fee-asset-strip.muted em { color: var(--muted); }
.protocol-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
.protocol-card { position: relative; min-height: 225px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 19px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(150deg, rgba(19,24,35,.9), rgba(12,15,22,.92)); transition: transform .18s, border-color .18s; }
.protocol-card::after { content: ""; position: absolute; width: 150px; height: 150px; right: -65px; top: -70px; border-radius: 50%; background: rgba(155,140,255,.06); filter: blur(2px); }
.protocol-card.orca::after { background: rgba(87,221,210,.07); }
.protocol-card.uniswap_v3::after { background: rgba(210,146,231,.07); }
.protocol-card.hype::after { background: rgba(135,105,255,.08); }
.protocol-card.prjx::after { background: rgba(87,221,210,.08); }
.protocol-card:hover { transform: translateY(-3px); border-color: #384155; }
.protocol-card header, .protocol-card footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.protocol-card > div { margin: 20px 0; }
.protocol-card > div > span { color: var(--accent); font-family: var(--mono); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.protocol-card h3 { margin: 5px 0 7px; font-size: 22px; }
.protocol-card p { max-width: 300px; margin: 0; color: var(--muted); font-size: 9px; }
.protocol-card footer { align-items: flex-end; }
.protocol-card footer strong { font-size: 22px; letter-spacing: -.04em; }
.protocol-card footer span { color: var(--muted-2); font-size: 8px; }
.holdings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.holding-card { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: rgba(16,20,29,.68); }
.holding-card header, .holding-card header > div, .holding-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.holding-card header > div > div { min-width: 0; display: grid; }
.holding-card header small, .holding-card footer { color: var(--muted); font-size: 10px; }
.holding-card header > strong { font-size: 22px; letter-spacing: -.04em; }
.holding-assets { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 17px 0; }
.holding-assets div { min-width: 0; padding: 10px; border: 1px solid var(--line-soft); border-radius: 10px; background: rgba(255,255,255,.012); }
.holding-assets span, .holding-assets strong, .holding-assets small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.holding-assets span, .holding-assets small { color: var(--muted); font-size: 10px; }
.holding-assets strong { margin: 3px 0; font-size: 12px; }
.holding-card footer { align-items: flex-start; padding-top: 13px; border-top: 1px solid var(--line-soft); }
.holding-card footer small { text-align: right; }
.holdings-detail-grid { display: grid; gap: 14px; }
.holding-detail-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(16,20,29,.72); }
.holding-detail-card > header, .holding-detail-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; }
.holding-detail-card h2 { margin: 3px 0; }
.holding-detail-card header small, .holding-detail-card footer { color: var(--muted); font-size: 11px; }
.holding-detail-total { display: grid; justify-items: end; }
.holding-detail-total span { color: var(--muted); font-size: 10px; }
.holding-detail-total strong { font-size: 25px; }
.holding-detail-total small { font-size: 10px; }
.holding-history { display: grid; gap: 10px; padding: 15px 20px; border-top: 1px solid var(--line-soft); }
.holding-history > div:first-child { display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; }
.history-bars { height: 72px; display: flex; align-items: end; gap: 3px; }
.history-bars i { flex: 1; min-width: 3px; border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, var(--accent), rgba(87,221,210,.35)); }
.holding-detail-table { border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.holding-detail-head, .holding-detail-row { display: grid; grid-template-columns: minmax(180px,1.4fr) repeat(3,minmax(110px,.6fr)); align-items: center; gap: 14px; padding: 11px 20px; }
.holding-detail-head { color: var(--muted-2); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.holding-detail-row { border-top: 1px solid var(--line-soft); }
.holding-detail-row > div { min-width: 0; display: grid; }
.holding-detail-row small, .holding-detail-row span { overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.holding-value-change { min-width: 0; display: grid; }
.holding-value-change small { margin-top: 2px; }
.holding-detail-card footer { align-items: flex-start; }
.wallet-activity { padding: 16px 20px 20px; border-top: 1px solid var(--line-soft); }
.wallet-activity .card-topline { margin-bottom: 8px; }
.jobs-list { display: grid; gap: 12px; }
.job-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(16,20,29,.72); }
.job-card > header, .job-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; }
.job-card h2 { margin: 8px 0 3px; font-size: 18px; }
.job-card header small, .job-duration span, .job-duration small { display: block; color: var(--muted); font-size: 10px; }
.job-duration { display: grid; justify-items: end; }
.job-duration strong { margin: 3px 0; font-size: 20px; }
.job-progress { display: grid; gap: 10px; padding: 14px 20px; border-top: 1px solid var(--line-soft); }
.job-progress > div:first-child { display: flex; justify-content: space-between; gap: 16px; color: var(--muted); font-size: 11px; }
.job-progress > div:first-child strong { color: var(--text); }
.job-progress-track { height: 5px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.05); }
.job-progress-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--positive)); }
.job-targets { display: grid; padding: 0 20px 16px; }
.job-targets > div { display: grid; grid-template-columns: minmax(180px,1fr) auto; gap: 6px 14px; padding: 9px 0; border-top: 1px solid var(--line-soft); font-size: 10px; }
.job-targets small { grid-column: 1 / -1; color: var(--muted); }
.job-targets .target-error + small { color: var(--danger); }
.health-source-diagnostics { display: flex; flex-wrap: wrap; gap: 5px; }
.health-source-chip { width: max-content; max-width: 100%; padding: 4px 7px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.025); color: var(--muted); font-family: var(--mono); font-size: 8px; }
.health-source-chip.is-ok { color: var(--positive); border-color: rgba(100,221,166,.2); background: rgba(100,221,166,.045); }
.health-source-chip.is-warning { color: var(--warning); border-color: rgba(243,189,103,.22); background: rgba(243,189,103,.045); }
.health-source-chip.is-error { color: var(--danger); border-color: rgba(242,118,130,.22); background: rgba(242,118,130,.045); }
.job-verbose-log { margin: 0 20px 16px; border: 1px solid var(--line-soft); border-radius: 14px; background: rgba(0,0,0,.16); }
.job-verbose-log summary { cursor: pointer; padding: 11px 13px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
.job-log-list { max-height: 320px; overflow: auto; padding: 0 13px 13px; }
.job-log-list article { display: grid; grid-template-columns: minmax(150px,.32fr) minmax(0,1fr) auto; gap: 10px; padding: 9px 0; border-top: 1px solid var(--line-soft); font-size: 10px; }
.job-log-list time, .job-log-list span, .job-log-list code, .job-log-list small { color: var(--muted); }
.job-log-list strong { display: block; margin-bottom: 2px; color: var(--text); }
.job-log-list b { color: var(--accent); font-family: var(--mono); font-weight: 500; }
.target-ok { color: var(--positive); }
.target-error { color: var(--danger); }
.job-card > footer { justify-content: flex-end; border-top: 1px solid var(--line-soft); }
.job-stop-requested { padding: 7px 10px; border: 1px solid rgba(243,189,103,.22); border-radius: 999px; color: var(--warning); background: rgba(243,189,103,.045); font-size: 9px; }
.wallet-activity-row { display: grid; grid-template-columns: minmax(160px,1fr) minmax(120px,.45fr) minmax(100px,.35fr); align-items: center; gap: 14px; padding: 9px 0; }
.wallet-activity-row + .wallet-activity-row { border-top: 1px solid var(--line-soft); }
.wallet-activity-row > div { min-width: 0; display: grid; }
.wallet-activity-row small, .wallet-activity-row time, .wallet-activity-row code { overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.wallet-activity-row > strong, .wallet-activity-row > time, .wallet-activity-row > code { text-align: right; }
.dashboard-columns.modern { grid-template-columns: minmax(0,1.35fr) minmax(310px,.65fr); }
.exposure-list { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: rgba(15,19,28,.6); }
.exposure-list article { display: grid; grid-template-columns: auto minmax(120px,1fr) auto; align-items: center; gap: 12px; min-height: 68px; padding: 12px 15px; }
.exposure-list article + article { border-top: 1px solid var(--line-soft); }
.asset-orb { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid rgba(155,140,255,.25); border-radius: 50%; color: #c8c1ff; background: rgba(155,140,255,.08); font-family: var(--mono); font-size: 9px; }
.exposure-list article > div:nth-child(2) { display: grid; }
.exposure-list small { color: var(--muted); font-size: 8px; }
.exposure-numbers { display: grid; justify-items: end; gap: 2px; text-align: right; }
.exposure-numbers strong { font-size: 13px; }
.exposure-numbers small { max-width: 210px; }
.exposure-track { grid-column: 2 / -1; height: 2px; overflow: hidden; border-radius: 99px; background: var(--line); }
.exposure-track i { display: block; width: 58%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--accent),var(--cyan)); }
.exposure-more { border-top: 1px solid var(--line-soft); }
.exposure-more summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; color: #d8d3ff; background: rgba(155,140,255,.045); cursor: pointer; list-style: none; }
.exposure-more summary::-webkit-details-marker { display: none; }
.exposure-more summary::after { content: "+"; width: 24px; height: 24px; display: grid; place-items: center; margin-left: auto; border: 1px solid var(--line); border-radius: 50%; font-family: var(--mono); }
.exposure-more[open] summary::after { content: "−"; }
.exposure-more summary small { color: var(--muted); }
.exposure-more > div article { border-top: 1px solid var(--line-soft); }
.signal-ok { display: flex; align-items: center; gap: 12px; min-height: 90px; padding: 15px; border: 1px solid rgba(100,221,166,.16); border-radius: 15px; background: rgba(100,221,166,.035); }
.signal-ok > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: var(--positive); background: rgba(100,221,166,.09); }
.signal-ok div { display: grid; }
.signal-ok small { color: var(--muted); font-size: 8px; }
.discovery-teaser { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 10px; padding: 16px; border: 1px solid rgba(87,221,210,.18); border-radius: 15px; background: linear-gradient(135deg,rgba(87,221,210,.06),rgba(155,140,255,.045)); }
.discovery-teaser div { display: grid; gap: 3px; }
.discovery-teaser span { color: var(--cyan); font-family: var(--mono); font-size: 7px; letter-spacing: .1em; }
.discovery-teaser strong { font-size: 10px; }
.discovery-teaser b { color: var(--cyan); font-size: 18px; }

.overview-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(380px, .8fr); gap: 18px; margin-bottom: 18px; }
.balance-card, .health-card, .settings-panel, .profile-card, .account-panel, .position-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(20,24,34,.97), rgba(15,18,26,.98));
}
.balance-card, .health-card { min-height: 290px; padding: 24px; }
.balance-card { position: relative; overflow: hidden; }
.balance-card::after { content: ""; position: absolute; right: -80px; bottom: -130px; width: 330px; height: 330px; border: 1px solid rgba(143,131,255,.08); border-radius: 50%; box-shadow: 0 0 0 46px rgba(143,131,255,.025), 0 0 0 92px rgba(143,131,255,.012); pointer-events: none; }
.card-topline { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--muted); font-size: 10px; }
.card-topline a { color: var(--text); }
.privacy-chip, .security-chip { padding: 4px 7px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted-2); font-family: var(--mono); font-size: 8px; }
.hero-value { position: relative; z-index: 1; display: block; margin: 29px 0 30px; font-size: clamp(48px, 6vw, 78px); font-weight: 520; letter-spacing: -.075em; }
.hero-value small { margin-right: 5px; color: var(--muted-2); font-size: .42em; vertical-align: top; }
.balance-breakdown { position: relative; z-index: 1; display: flex; gap: clamp(24px, 5vw, 72px); }
.balance-breakdown div { display: grid; gap: 3px; }
.balance-breakdown span, .health-details span { color: var(--muted); font-size: 9px; }
.balance-breakdown strong { font-size: 14px; }
.freshness { position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; margin-top: 28px; color: var(--muted-2); font-family: var(--mono); font-size: 9px; }
.freshness strong { font-weight: 500; }
.freshness a { margin-left: 4px; padding: 5px 8px; border: 1px solid var(--line); border-radius: 7px; color: var(--text); font-family: var(--sans); font-size: 8px; }
.freshness.is-complete { color: var(--positive); }
.freshness.is-warning { color: var(--warning); }
.freshness.is-failed { color: var(--negative); }
.freshness.is-failed .pulse { background: var(--negative); box-shadow: 0 0 0 4px rgba(240,120,130,.08); }
.warning-dot { background: var(--warning); box-shadow: 0 0 0 4px rgba(244,191,104,.08); }
.dashboard-block-stack { display: flex; flex-direction: column; gap: 0; }
.dashboard-block-shell[hidden] { display: none !important; }
.dashboard-customizer { margin: 0 0 18px; }
.dashboard-customizer details { border: 1px solid var(--line); border-radius: 16px; background: rgba(12,15,23,.5); }
.dashboard-customizer summary { display: flex; justify-content: space-between; gap: 14px; padding: 12px 14px; cursor: pointer; color: var(--text); font-size: 10px; }
.dashboard-customizer summary small { color: var(--muted); font-family: var(--mono); font-size: 8px; }
.dashboard-block-controls { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; padding: 0 12px 12px; }
.dashboard-block-controls article { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(255,255,255,.018); }
.dashboard-block-controls article.is-hidden { border-style: dashed; opacity: .78; }
.dashboard-block-controls article > div:first-child { min-width: 0; display: grid; gap: 3px; }
.dashboard-block-controls strong, .dashboard-block-controls small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-block-controls strong { font-size: 10px; }
.dashboard-block-controls small { color: var(--muted); font-size: 8px; }
.health-reading { display: grid; margin-top: 32px; }
.health-reading strong { font-size: 58px; font-weight: 550; letter-spacing: -.06em; }
.health-reading span { color: var(--muted); font-size: 10px; }
.tone-positive .health-reading strong, .tone-positive .hf-number strong,
.tone-excellent .health-reading strong, .tone-excellent .hf-number strong { color: var(--positive); }
.tone-stable .health-reading strong, .tone-stable .hf-number strong { color: var(--cyan); }
.tone-warning .health-reading strong, .tone-warning .hf-number strong { color: var(--warning); }
.tone-danger .health-reading strong, .tone-danger .hf-number strong { color: var(--danger); }
.health-track { position: relative; height: 6px; margin: 29px 0 8px; border-radius: 99px; background: linear-gradient(90deg, var(--danger), var(--warning) 42%, var(--positive) 75%); }
.health-track i { position: absolute; inset: 0 26% 0 0; border-radius: inherit; background: rgba(10,12,17,.58); }
.tone-excellent .health-track i { right: 18%; }
.tone-stable .health-track i { right: 36%; }
.tone-warning .health-track i { right: 48%; }
.tone-danger .health-track i { right: 72%; }
.health-track b { position: absolute; left: 74%; top: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%); border: 3px solid var(--surface); border-radius: 50%; background: #fff; }
.tone-excellent .health-track b { left: 82%; }
.tone-stable .health-track b { left: 64%; }
.tone-warning .health-track b { left: 52%; }
.tone-danger .health-track b { left: 28%; }
.health-labels { display: flex; justify-content: space-between; color: var(--muted-2); font-size: 8px; }
.health-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 24px; }
.health-details div { min-width: 0; display: grid; gap: 3px; }
.health-details strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; }
.empty-compact { min-height: 190px; display: grid; place-content: center; gap: 5px; text-align: center; }
.empty-compact span { color: var(--muted); font-size: 11px; }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 46px; }
.metric-grid article { min-width: 0; padding: 16px 18px; border: 1px solid var(--line); border-radius: 13px; background: rgba(18,22,32,.72); }
.metric-grid span, .metric-grid small { display: block; color: var(--muted); }
.metric-grid span { margin-bottom: 7px; font-size: 9px; }
.metric-grid strong { display: block; overflow: hidden; font-size: 19px; font-weight: 580; letter-spacing: -.035em; text-overflow: ellipsis; }
.metric-grid small { margin-top: 3px; font-size: 8px; }
.metric-grid .status-text { padding-top: 4px; font-family: var(--mono); font-size: 11px; letter-spacing: .04em; }
.positive { color: var(--positive) !important; }
.negative { color: var(--danger) !important; }
.warning { color: var(--warning) !important; }

.section-block { margin-bottom: 46px; }
.section-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 16px; }
.section-title h2 { margin: 3px 0 0; font-size: 21px; font-weight: 580; letter-spacing: -.035em; }
.section-title > span, .section-title > a { color: var(--muted-2); font-family: var(--mono); font-size: 9px; }
.section-title > a:hover { color: var(--text); }
.protocol-list { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(18,22,32,.58); }
.protocol-row { display: grid; grid-template-columns: auto minmax(190px, 1.5fr) repeat(2, minmax(100px, .55fr)) minmax(130px, .6fr) auto; align-items: center; gap: 18px; padding: 17px 20px; transition: background .15s; }
.protocol-row + .protocol-row { border-top: 1px solid var(--line-soft); }
.protocol-row:hover { background: rgba(255,255,255,.025); }
.protocol-logo { flex: 0 0 auto; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(143,131,255,.28); border-radius: 12px; color: #b6afff; background: rgba(143,131,255,.08); font-family: var(--mono); font-size: 12px; font-weight: 700; }
.protocol-logo.uniswap_v3 { color: #e2a9ef; border-color: rgba(210,146,231,.28); background: rgba(210,146,231,.08); }
.protocol-logo.orca { color: #83e5df; border-color: rgba(98,213,208,.28); background: rgba(98,213,208,.08); }
.protocol-logo.hype { color: #bda7ff; border-color: rgba(135,105,255,.32); background: rgba(135,105,255,.10); }
.protocol-logo.prjx { color: #83e5df; border-color: rgba(87,221,210,.32); background: rgba(87,221,210,.10); }
.protocol-logo.large { width: 58px; height: 58px; border-radius: 17px; font-size: 18px; }
.protocol-logo.small { width: 32px; height: 32px; border-radius: 9px; font-size: 10px; }
.protocol-logo img { width: 68%; height: 68%; object-fit: contain; }
.protocol-logo.large img { width: 72%; height: 72%; }
.protocol-logo.uniswap_v3 img, .protocol-logo.orca img, .protocol-logo.kraken img, .protocol-logo.hype img, .protocol-logo.prjx img { border-radius: 8px; }
.page-title-with-logo { display: flex; align-items: center; gap: 15px; }
.page-title-with-logo > div { min-width: 0; }
.protocol-name { min-width: 0; display: grid; gap: 3px; }
.protocol-name strong { font-size: 13px; }
.protocol-name small { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.protocol-meta, .protocol-amount { min-width: 0; display: grid; gap: 3px; }
.protocol-meta span { color: var(--muted-2); font-size: 8px; }
.protocol-meta strong { overflow: hidden; font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; text-transform: capitalize; }
.protocol-amount { text-align: right; }
.protocol-amount strong { font-size: 14px; }
.protocol-amount small { color: var(--muted-2); font-size: 8px; }
.row-arrow { color: var(--muted-2); }

.dashboard-columns { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .65fr); gap: 28px; }
.position-table { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(18,22,32,.58); }
.table-head, .table-row { display: grid; grid-template-columns: minmax(190px, 1.4fr) minmax(110px, .65fr) minmax(100px, .55fr) minmax(120px, .7fr); align-items: center; gap: 16px; }
.monitored-table .table-head, .monitored-table .table-row { grid-template-columns: minmax(190px, 1.35fr) minmax(120px, .65fr) minmax(90px, .45fr) minmax(135px, .75fr) auto; }
.table-head { padding: 10px 15px; border-bottom: 1px solid var(--line); color: var(--muted-2); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.table-head span:last-child { text-align: right; }
.table-row { min-height: 68px; padding: 11px 15px; }
.table-row + .table-row { border-top: 1px solid var(--line-soft); }
.table-row:hover { background: rgba(255,255,255,.022); }
.table-row > div { min-width: 0; }
.table-row > div > strong, .table-row > div > small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table-row > div > strong { font-size: 11px; }
.table-row > div > small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.asset-cell { min-width: 0; display: flex; align-items: center; gap: 11px; }
.asset-cell > span { flex: 0 0 auto; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--accent); background: var(--surface); font-family: var(--mono); font-size: 10px; }
.asset-cell div { min-width: 0; }
.asset-cell strong, .asset-cell small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asset-cell strong { font-size: 11px; }
.asset-cell small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.status-pill { display: inline-flex; width: max-content; max-width: 100%; padding: 4px 7px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.status-in_range, .status-succeeded { color: var(--positive); border-color: rgba(110,214,168,.22); background: rgba(110,214,168,.05); }
.status-queued, .status-running, .status-partial, .status-pending { color: var(--warning); border-color: rgba(243,189,103,.22); background: rgba(243,189,103,.05); }
.status-neutral { color: var(--muted); border-color: var(--line); background: rgba(255,255,255,.025); }
.status-below_range, .status-above_range, .status-out_below, .status-out_above, .status-failed, .status-cancelled { color: var(--danger); border-color: rgba(240,120,130,.22); background: rgba(240,120,130,.05); }
.money-cell { text-align: right; }
.monitor-actions, .monitor-actions form { display: flex; align-items: center; gap: 5px; }
.monitor-actions button, .pin-button { min-height: 29px; padding: 0 9px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: transparent; cursor: pointer; }
.monitor-actions button:hover, .pin-button:hover { color: var(--text); border-color: rgba(143,131,255,.45); background: var(--accent-soft); }
.pin-button { font-size: 8px; }
.pin-button.is-pinned { color: var(--positive); border-color: rgba(110,214,168,.22); background: rgba(110,214,168,.05); }
.hidden-monitors { margin-top: 12px; padding: 13px 15px; border: 1px dashed var(--line); border-radius: 12px; }
.hidden-monitors summary { display: flex; justify-content: space-between; color: var(--text); }
.hidden-monitors > div { display: grid; gap: 8px; margin-top: 12px; }
.hidden-monitors form { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px; border: 1px solid var(--line-soft); border-radius: 10px; }
.hidden-monitors form div { min-width: 0; display: grid; gap: 3px; }
.hidden-monitors form strong, .hidden-monitors form small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hidden-monitors form small { color: var(--muted); font-size: 8px; }
.activity-column { min-width: 0; }
.alert-stack { display: grid; gap: 8px; }
.alert-card { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px; border: 1px solid var(--line); border-left: 2px solid var(--warning); border-radius: 12px; background: var(--surface); }
.alert-card.severity-critical { border-left-color: var(--danger); }
.alert-card div { min-width: 0; display: grid; gap: 4px; }
.alert-card div > span { color: var(--warning); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.alert-card strong { font-size: 10px; font-weight: 600; }
.alert-card small { color: var(--muted-2); font-size: 8px; }
.alert-card button { width: 26px; height: 26px; padding: 0; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: transparent; cursor: pointer; }
.alert-delivery-strip { order: 3; flex: 1 1 100%; display: flex !important; flex-wrap: wrap; gap: 5px !important; padding-top: 8px; border-top: 1px solid var(--line-soft); }
.alert-delivery-strip .delivery-chip { width: max-content; max-width: 100%; padding: 4px 7px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); background: rgba(255,255,255,.02); font-family: var(--mono); font-size: 8px; line-height: 1.2; text-transform: none; }
.alert-delivery-strip .delivery-sent { color: var(--positive); border-color: rgba(110,214,168,.22); background: rgba(110,214,168,.05); }
.alert-delivery-strip .delivery-failed { color: var(--danger); border-color: rgba(240,120,130,.24); background: rgba(240,120,130,.06); }
.alert-delivery-strip .delivery-pending { color: var(--warning); border-color: rgba(243,189,103,.24); background: rgba(243,189,103,.06); }
.job-card { margin-top: 18px; padding: 15px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(18,22,32,.58); }
.job-card .card-topline { margin-bottom: 9px; }
.jobs-subnav { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 24px; }
.jobs-subnav a { padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.025); font-size: 9px; }
.jobs-subnav a:hover { color: var(--text); border-color: rgba(161,132,247,.45); }
.jobs-console, .jobs-freshness { margin-bottom: 32px; }
.jobs-launch-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.job-launch-card { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(18,22,34,.86), rgba(12,15,24,.76)); }
.job-launch-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.job-launch-card strong { font-size: 12px; }
.job-launch-card small, .job-launch-card .form-hint { color: var(--muted); font-size: 8px; }
.job-launch-card header > span { padding: 4px 7px; border: 1px solid var(--line); border-radius: 999px; color: var(--accent-2); font-family: var(--mono); font-size: 8px; }
.job-launch-card select { max-width: 100%; }
.freshness-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.freshness-grid > div { min-height: 54px; }
.job-row { display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 9px; padding: 9px 0; }
.job-row + .job-row { border-top: 1px solid var(--line-soft); }
.job-row i { width: 6px; height: 6px; margin-top: 5px; border-radius: 50%; background: var(--muted-2); }
.job-row i.job-succeeded { background: var(--positive); }
.job-row i.job-running, .job-row i.job-queued, .job-row i.job-partial { background: var(--warning); }
.job-row i.job-failed { background: var(--danger); }
.job-row div { min-width: 0; }
.job-row strong, .job-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.job-row strong { font-size: 8px; }
.job-row small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.job-row time { color: var(--muted-2); font-family: var(--mono); font-size: 8px; }
.empty-state { display: grid; place-content: center; gap: 5px; min-height: 140px; padding: 22px; color: var(--muted); text-align: center; }
.empty-state strong { color: var(--text); font-size: 11px; }
.empty-state span { font-size: 9px; }
.empty-state.compact { min-height: 100px; border: 1px dashed var(--line); border-radius: 12px; }
.token-quarantine-panel { display: grid; grid-template-columns: minmax(220px,.42fr) minmax(0,1fr); gap: 18px; margin-bottom: 20px; padding: 18px; border: 1px solid rgba(243,189,103,.22); border-radius: var(--radius); background: linear-gradient(135deg, rgba(243,189,103,.06), rgba(143,131,255,.035)); }
.token-quarantine-panel h2 { margin: 5px 0 7px; font-size: 20px; letter-spacing: -.035em; }
.token-quarantine-panel p { margin: 0; color: var(--muted); font-size: 10px; }
.token-quarantine-list { display: grid; gap: 8px; }
.token-quarantine-list article,
.token-review-box article,
.token-policy-columns article { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 9px; padding: 11px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(7,10,15,.34); }
.token-quarantine-list article > div,
.token-review-box article > div,
.token-policy-columns article > div { min-width: 0; display: grid; gap: 3px; }
.token-quarantine-list strong,
.token-review-box strong,
.token-policy-columns strong { font-size: 10px; }
.token-quarantine-list small,
.token-quarantine-list span,
.token-review-box small,
.token-review-box span,
.token-policy-columns small,
.token-policy-columns span { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.token-quarantine-list form,
.token-review-box form,
.token-policy-columns form { display: flex; align-items: center; gap: 7px; }
.token-quarantine-list .totp-on-submit-note,
.token-review-box .totp-on-submit-note,
.token-policy-columns .totp-on-submit-note { display: none; }
.token-review-box { display: grid; gap: 8px; margin-top: 14px; padding: 13px; border: 1px solid rgba(243,189,103,.2); border-radius: 14px; background: rgba(243,189,103,.035); }
.token-policy-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }
.token-policy-summary article { padding: 13px; border: 1px solid var(--line-soft); border-radius: 13px; background: rgba(0,0,0,.13); }
.token-policy-summary span { color: var(--muted); font-size: 9px; }
.token-policy-summary strong { display: block; margin: 4px 0; font-size: 15px; }
.token-policy-summary small { color: var(--muted-2); font-size: 8px; }
.token-policy-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.token-policy-columns section { display: grid; align-content: start; gap: 8px; }
.token-policy-columns header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; color: var(--muted); }
.token-policy-columns header strong { color: var(--text); font-size: 12px; }

.protocol-header { align-items: center; }
.back-link { display: inline-block; margin-bottom: 22px; color: var(--muted); font-size: 10px; }
.back-link:hover { color: var(--text); }
.protocol-heading { display: flex; align-items: center; gap: 17px; }
.protocol-heading h1 { margin: 2px 0 5px; }
.protocol-total { min-width: 230px; display: grid; padding: 8px 0 8px 28px; border-left: 1px solid var(--line); text-align: right; }
.protocol-total span, .protocol-total small { color: var(--muted); font-size: 9px; }
.protocol-total strong { margin: 4px 0; font-size: 34px; font-weight: 570; letter-spacing: -.05em; }
.protocol-metrics { margin-bottom: 46px; }
.account-grid, .position-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.account-panel, .position-card { min-width: 0; padding: 20px; }
.account-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.account-head > div:first-child, .hf-number { display: grid; gap: 3px; }
.account-head span, .hf-number small { color: var(--muted); font-size: 8px; }
.account-head strong { font-size: 13px; }
.hf-number { text-align: right; }
.hf-number strong { font-size: 30px; font-weight: 570; letter-spacing: -.04em; }
.account-values, .data-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 22px; }
.account-values div, .data-grid div { min-width: 0; padding: 11px; border: 1px solid var(--line-soft); border-radius: 10px; background: rgba(255,255,255,.012); }
.account-values span, .data-grid span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 8px; }
.account-values strong, .data-grid strong { display: block; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.info-label { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
.account-values span.info-label, .data-grid span.info-label { display: inline-flex; }
.info-hint { position: relative; display: inline-grid; place-items: center; z-index: 6; }
.info-hint summary {
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(155,140,255,.32);
  border-radius: 50%;
  color: #d8d3ff;
  background: rgba(155,140,255,.08);
  cursor: pointer;
  font-family: var(--mono);
  font-size: 9px;
  line-height: 1;
  list-style: none;
}
.info-hint summary::-webkit-details-marker { display: none; }
.info-hint p {
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  width: min(260px, 72vw);
  margin: 0;
  padding: 10px 11px;
  border: 1px solid rgba(155,140,255,.24);
  border-radius: 12px;
  color: var(--text);
  background: rgba(12, 15, 22, .98);
  box-shadow: 0 18px 50px rgba(0,0,0,.38);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
  transform: translateX(-50%);
}
.data-grid > div:nth-child(4n) .info-hint p,
.account-values > div:nth-child(4n) .info-hint p { left: auto; right: 0; transform: none; }
.data-grid > div:nth-child(4n + 1) .info-hint p,
.account-values > div:nth-child(4n + 1) .info-hint p { left: 0; transform: none; }
.form-stack label .info-hint { margin-left: 5px; vertical-align: middle; }
.metric-help-panel {
  margin: -8px 0 22px;
  border: 1px solid var(--line-soft);
  border-radius: 15px;
  background: rgba(255,255,255,.015);
}
.metric-help-panel summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  color: #d8d3ff;
  cursor: pointer;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.metric-help-panel div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 0 16px 16px;
}
.metric-help-panel p {
  margin: 0;
  padding: 11px;
  border: 1px solid var(--line-soft);
  border-radius: 12px;
  color: var(--muted);
  background: rgba(0,0,0,.12);
  font-size: 11px;
}
.metric-help-panel strong { color: var(--text); }
.position-card { display: flex; flex-direction: column; gap: 18px; }
.position-card header { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.position-value { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding: 17px 0; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.position-value span { color: var(--muted); font-size: 9px; }
.position-value strong { overflow: hidden; font-size: 21px; font-weight: 570; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.position-card footer { display: flex; justify-content: space-between; gap: 12px; color: var(--muted-2); font-size: 8px; }
.position-card footer code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.range-visual > div:first-child, .range-visual > small { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.range-visual > div:first-child span, .range-visual > small { color: var(--muted); font-family: var(--mono); font-size: 8px; }
.range-visual > div:first-child strong { font-size: 14px; }
.range-bar { position: relative; height: 5px; margin: 13px 0 8px; border-radius: 99px; background: var(--surface-3); }
.range-bar i { position: absolute; inset: 0 15%; border-radius: inherit; background: linear-gradient(90deg, rgba(143,131,255,.2), var(--accent), rgba(143,131,255,.2)); }
.range-bar b { position: absolute; left: 50%; top: 50%; width: 11px; height: 11px; transform: translate(-50%, -50%); border: 2px solid var(--surface); border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px var(--accent); }
.info-banner { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; padding: 13px 15px; border: 1px solid rgba(98,213,208,.2); border-radius: 11px; background: rgba(98,213,208,.05); }
.info-banner strong { font-size: 10px; }
.info-banner span { color: var(--muted); font-size: 9px; }
.event-table { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(18,22,32,.58); }
.event-head, .event-row { display: grid; grid-template-columns: minmax(180px, 1.25fr) minmax(110px, .6fr) minmax(120px, .7fr) minmax(120px, .7fr) auto; align-items: center; gap: 14px; padding: 12px 15px; }
.event-head { color: var(--muted-2); border-bottom: 1px solid var(--line); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.event-row + .event-row { border-top: 1px solid var(--line-soft); }
.event-row > div { min-width: 0; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 9px; }
.event-row i { grid-row: 1 / 3; width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--warning); font-style: normal; }
.event-row strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.event-row small, .event-row time { color: var(--muted); font-size: 8px; }
.event-row a { padding: 5px 7px; border: 1px solid var(--line); border-radius: 7px; color: var(--muted); font-family: var(--mono); font-size: 8px; }

.settings-nav { position: sticky; top: 0; z-index: 5; display: flex; gap: 7px; overflow-x: auto; margin: -8px 0 42px; padding: 10px 0; background: linear-gradient(var(--bg) 72%, transparent); scrollbar-width: none; }
.settings-nav a { flex: 0 0 auto; padding: 7px 11px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); font-size: 9px; }
.settings-nav a:hover { color: var(--text); border-color: #3c4558; }
.settings-section { display: grid; grid-template-columns: minmax(210px, .48fr) minmax(0, 1.52fr); gap: clamp(28px, 5vw, 72px); padding: 42px 0; border-top: 1px solid var(--line-soft); scroll-margin-top: 60px; }
.settings-copy h2 { margin: 6px 0 10px; font-size: 23px; letter-spacing: -.035em; }
.settings-copy p:last-child { max-width: 330px; color: var(--muted); font-size: 11px; }
.settings-panel { min-width: 0; padding: 21px; }
.settings-panel.wide { padding: 0; border: 0; background: none; }
.form-stack { display: grid; gap: 15px; }
.form-stack.compact-form { gap: 10px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.standalone-action { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line-soft); }
.standalone-action small { color: var(--muted); font-size: 8px; }
.standalone-action .totp-confirmation { width: min(210px, 100%); margin-left: auto; }
.test-mail-button span { color: var(--cyan); font-size: 15px; }
.gmail-test-result { display: flex; align-items: center; gap: 11px; margin-top: 12px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 11px; }
.gmail-test-result > span { width: 25px; height: 25px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 50%; font-weight: 800; }
.gmail-test-result div { display: grid; gap: 2px; }
.gmail-test-result strong { font-size: 10px; }
.gmail-test-result small { color: var(--muted); font-size: 8px; }
.gmail-test-result.success { border-color: rgba(110,214,168,.25); background: rgba(110,214,168,.05); }
.gmail-test-result.success > span { color: #07120d; background: var(--positive); }
.gmail-test-result.failure { border-color: rgba(240,120,130,.25); background: rgba(240,120,130,.05); }
.gmail-test-result.failure > span { color: #17080a; background: var(--negative); }
.credential-card { display: grid; gap: 15px; padding: 17px; border: 1px solid var(--line); border-radius: 14px; background: rgba(9,12,18,.36); }
.credential-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.credential-head > div { display: grid; gap: 3px; }
.credential-head small { color: var(--muted); font-size: 9px; }
.telegram-settings-copy { align-self: start; }
.telegram-settings-panel { display: grid; gap: 16px; }
.telegram-invite-box { display: grid; gap: 8px; margin-top: 12px; padding: 14px; border: 1px solid rgba(143,131,255,.24); border-radius: 13px; background: rgba(143,131,255,.055); }
.telegram-invite-box strong { font-size: 11px; }
.telegram-invite-box input { font-family: var(--mono); font-size: 10px; }
.telegram-invite-box small { color: var(--muted); font-size: 8px; }
.telegram-permission-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.telegram-permission-grid fieldset { min-width: 0; display: grid; gap: 8px; max-height: 300px; overflow: auto; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.015); }
.telegram-permission-grid legend { padding: 0 4px; color: var(--text); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.telegram-permission-grid fieldset > small { color: var(--muted); font-size: 8px; }
.telegram-recipient-list { display: grid; gap: 12px; }
.telegram-recipient-card { display: grid; gap: 13px; padding: 14px; border: 1px solid var(--line-soft); border-radius: 13px; background: rgba(255,255,255,.012); }
.telegram-recipient-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.telegram-recipient-card > header div { min-width: 0; display: grid; gap: 3px; }
.telegram-recipient-card > header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.telegram-recipient-card > header small { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.telegram-recipient-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.telegram-recipient-facts div { min-width: 0; padding: 10px; border: 1px solid var(--line-soft); border-radius: 10px; background: rgba(9,12,18,.32); }
.telegram-recipient-facts span { display: block; color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.telegram-recipient-facts strong { display: block; overflow: hidden; margin-top: 4px; color: var(--text); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.telegram-recipient-settings details { border: 1px solid var(--line-soft); border-radius: 11px; }
.telegram-recipient-settings summary { cursor: pointer; padding: 11px 12px; color: var(--cyan); font-size: 10px; font-weight: 700; }
.telegram-recipient-settings details[open] { padding-bottom: 12px; }
.telegram-recipient-settings details[open] .telegram-permission-grid { padding: 0 12px 12px; }
.telegram-recipient-settings button { margin-left: 12px; }
.telegram-recipient-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.telegram-recipient-actions form { display: flex; align-items: center; gap: 7px; }
.connection-tests { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
.connection-tests form { display: flex; align-items: end; gap: 9px; }
.network-details { margin-top: 16px; }
.network-details > summary { cursor: pointer; color: var(--text); font-weight: 700; }
select[multiple] { min-height: 142px; padding: 10px; background-image: none; }
textarea { resize: vertical; min-height: 86px; }
.access-block-layout { min-height: min(760px, calc(100vh - 80px)); display: grid; place-items: center; }
.access-block-card { width: min(920px, 100%); padding: clamp(22px, 4vw, 38px); border: 1px solid rgba(255,185,94,.28); border-radius: 24px; background: radial-gradient(circle at 10% 0%, rgba(255,185,94,.12), transparent 35%), linear-gradient(145deg, rgba(18,22,32,.96), rgba(9,12,18,.98)); box-shadow: 0 32px 120px rgba(0,0,0,.45); }
.access-block-card h1 { max-width: 760px; margin: 8px 0 10px; font-size: clamp(34px, 6vw, 68px); letter-spacing: -.06em; }
.access-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 24px 0; }
.access-facts > div { padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.018); }
.access-facts span, .access-facts small { display: block; color: var(--muted); font-size: 9px; }
.access-facts strong { display: block; margin: 5px 0; overflow-wrap: anywhere; font-family: var(--mono); font-size: 13px; color: var(--text); }
.status-active { color: var(--positive); border-color: rgba(110,214,168,.22); background: rgba(110,214,168,.05); }
.status-danger { color: var(--danger); border-color: rgba(240,120,130,.22); background: rgba(240,120,130,.05); }
.kraken-empty { gap: 10px; margin-bottom: 42px; padding: 34px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(16,20,29,.72); }
.kraken-empty .button { margin-top: 8px; }
.exchange-table { overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: rgba(15,19,28,.6); }
.exchange-head, .exchange-table article { display: grid; grid-template-columns: minmax(150px,1.3fr) repeat(4,minmax(90px,.7fr)); align-items: center; gap: 14px; padding: 12px 16px; }
.exchange-head { color: var(--muted-2); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.exchange-table article { border-top: 1px solid var(--line-soft); }
.exchange-table article > span, .exchange-table article > strong { text-align: right; font-size: 11px; }
.exchange-table article .asset-cell { text-align: left; }
.futures-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.future-card { padding: 18px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg,rgba(18,23,33,.9),rgba(12,15,22,.9)); }
.future-card header { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.future-card header > div { display: flex; align-items: center; gap: 9px; }
.future-card .future-card-actions { display: grid; justify-items: end; gap: 7px; }
.position-head-actions { display: grid; justify-items: end; gap: 7px; }
.health-source-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding: 9px 11px; border: 1px solid var(--line-soft); border-radius: 9px; color: var(--muted); font-size: 8px; }
.health-source-line.degraded { color: var(--warning); border-color: rgba(243,189,103,.25); background: rgba(243,189,103,.04); }
.position-liquidation-callout {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin: 12px 0;
  padding: 14px;
  border: 1px solid rgba(242,118,130,.28);
  border-radius: 16px;
  background: radial-gradient(circle at 100% 0,rgba(242,118,130,.12),transparent 38%),rgba(242,118,130,.045);
}
.position-liquidation-callout > div { display: grid; gap: 6px; padding: 12px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(8,10,15,.35); }
.position-liquidation-callout span { color: var(--muted); font-size: 9px; }
.position-liquidation-callout strong { font-size: 22px; letter-spacing: -.04em; }
.position-liquidation-callout p { grid-column: 1 / -1; margin: 0; color: #c9d1df; font-size: 11px; line-height: 1.65; }
.orders-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.order-card { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: rgba(16,20,29,.68); }
.order-card header { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--line-soft); }
.order-card > div { min-width: 0; display: grid; gap: 4px; }
.order-card > div span { color: var(--muted); font-size: 8px; }
.order-card > div strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.order-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.order-summary article { padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: rgba(16,20,29,.68); }
.order-summary span { display: block; color: var(--muted); font-size: 10px; }
.order-summary strong { display: block; margin-top: 6px; font-size: 22px; }
label { min-width: 0; display: grid; gap: 6px; color: var(--muted); font-size: 9px; }
label small { color: var(--muted-2); line-height: 1.45; }
input, select, textarea {
  width: 100%;
  min-width: 0;
  padding: 10px 11px;
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 9px;
  outline: none;
  background: #0d1016;
}
input:focus, select:focus, textarea:focus { border-color: rgba(143,131,255,.55); box-shadow: 0 0 0 3px rgba(143,131,255,.07); }
.totp-confirmation { padding: 10px 12px; border: 1px solid rgba(143,131,255,.2); border-radius: 11px; color: #d7d3ff; background: rgba(143,131,255,.045); }
.totp-confirmation input { max-width: 180px; font-family: var(--mono); font-size: 16px; font-weight: 700; letter-spacing: .18em; }
.totp-confirmation small { max-width: 430px; }
textarea { resize: vertical; font-size: 9px; line-height: 1.55; }
select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%); background-position: calc(100% - 15px) 50%, calc(100% - 11px) 50%; background-size: 4px 4px; background-repeat: no-repeat; }
.switch-line { display: flex; align-items: center; gap: 10px; }
.switch-line input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.switch-line > span { flex: 0 0 auto; width: 32px; height: 18px; padding: 2px; border: 1px solid var(--line); border-radius: 99px; background: #0d1016; }
.switch-line > span::after { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background: var(--muted-2); transition: .15s; }
.switch-line input:checked + span::after { transform: translateX(13px); background: var(--accent); }
.switch-line div { display: grid; }
.switch-line strong { color: var(--text); font-size: 9px; }
.switch-line small { font-size: 8px; }
.switch-line.compact { gap: 7px; }
.switch-line.compact > span { width: 28px; height: 16px; }
.switch-line.compact > span::after { width: 10px; height: 10px; }
.switch-line.compact input:checked + span::after { transform: translateX(11px); }
.form-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.form-footnote { margin: 0; color: var(--muted-2); font-size: 8px; }
.wallet-list { display: grid; gap: 12px; }
.wallet-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(18,22,32,.65); }
.wallet-head { display: grid; grid-template-columns: minmax(200px, 1fr) auto minmax(170px, .45fr) auto; align-items: end; gap: 13px; padding: 15px; }
.wallet-title { display: flex; align-items: center; gap: 11px; }
.wallet-title label { width: min(320px, 100%); }
.wallet-avatar, .profile-avatar { flex: 0 0 auto; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #d1ccff; background: var(--accent-soft); font-family: var(--mono); font-weight: 700; }
.wallet-networks { border-top: 1px solid var(--line-soft); }
.network-row { display: grid; grid-template-columns: minmax(145px, .7fr) minmax(180px, 1.2fr) minmax(100px, .45fr) auto minmax(150px, .55fr) auto; align-items: end; gap: 10px; padding: 13px 15px; }
.network-row + .network-row { border-top: 1px solid var(--line-soft); }
.network-name { display: flex; align-items: center; gap: 9px; min-width: 0; padding-bottom: 8px; }
.network-name div { min-width: 0; display: grid; }
.network-name strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.network-name small { color: var(--muted-2); font-size: 8px; }
.chain-badge { flex: 0 0 auto; padding: 3px 5px; border: 1px solid rgba(98,213,208,.2); border-radius: 5px; color: var(--cyan); font-family: var(--mono); font-size: 7px; }
.chain-badge.image { width: 30px; height: 30px; display: grid; place-items: center; padding: 5px; border-radius: 9px; }
.chain-badge.image img { width: 100%; height: 100%; object-fit: contain; }
details { color: var(--muted); }
summary { cursor: pointer; font-size: 9px; }
.inline-details { padding: 12px 15px; border-top: 1px solid var(--line-soft); }
.inline-form { display: grid; grid-template-columns: minmax(130px, .55fr) minmax(190px, 1.2fr) minmax(105px, .45fr) minmax(150px, .55fr) auto; align-items: end; gap: 10px; margin-top: 12px; }
.new-wallet { margin-top: 12px; padding: 16px; border: 1px dashed #353d4e; border-radius: var(--radius); }
.new-wallet > summary { color: var(--text); font-size: 11px; font-weight: 700; }
.new-wallet > form { margin-top: 16px; }
.automation-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.automation-summary div { padding: 14px; border: 1px solid var(--line-soft); border-radius: 11px; background: rgba(255,255,255,.012); }
.automation-summary span, .automation-summary small { display: block; color: var(--muted); font-size: 8px; }
.automation-summary strong { display: block; margin: 5px 0; font-size: 16px; }
.simple-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.simple-setting-card { padding: 15px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(255,255,255,.012); }
.simple-setting-card > div:first-of-type { display: grid; gap: 4px; }
.simple-setting-card > div:first-of-type small { color: var(--muted); font-size: 8px; }
.range-protocol-overrides { display: grid; gap: 11px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line-soft); }
.range-protocol-overrides > div:first-child { display: grid; gap: 4px; }
.range-protocol-overrides > div:first-child small { color: var(--muted); font-size: 10px; }
.range-alert-editor { border: 1px solid var(--line-soft); border-radius: 14px; background: rgba(255,255,255,.018); }
.range-alert-editor summary { cursor: pointer; padding: 12px 14px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
.range-alert-editor form { padding: 0 14px 14px; }
.range-alert-effective { display: grid; gap: 4px; padding: 11px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(0,0,0,.16); }
.range-alert-effective span, .range-alert-effective small { color: var(--muted); font-size: 10px; }
.range-alert-effective strong { font-size: 12px; }
.input-suffix { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.input-suffix input { border-radius: 9px 0 0 9px; }
.input-suffix span { height: 100%; display: grid; place-items: center; padding: 0 12px; border: 1px solid var(--line); border-left: 0; border-radius: 0 9px 9px 0; color: var(--muted); background: var(--surface-2); }
.input-prefix { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; }
.input-prefix span { height: 100%; display: grid; place-items: center; padding: 0 12px; border: 1px solid var(--line); border-right: 0; border-radius: 9px 0 0 9px; color: var(--muted); background: var(--surface-2); }
.input-prefix input { border-radius: 0 9px 9px 0; }
.config-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.config-card { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(18,22,32,.65); }
.config-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.config-card-head > div { display: flex; align-items: center; gap: 9px; }
.config-card-head > div > div { display: grid; }
.config-card-head strong { font-size: 11px; }
.config-card-head small { color: var(--muted); font-size: 8px; }
.config-card details textarea { margin-top: 8px; }

.discovery-layout { display: grid; grid-template-columns: minmax(300px,.42fr) minmax(0,1.58fr); align-items: start; gap: 28px; }
.criteria-card { position: sticky; top: 22px; padding: 20px; }
.criteria-card .panel-heading { margin-bottom: 18px; }
.criteria-card .panel-heading h2 { font-size: 21px; }
.discovery-results { min-width: 0; }
.pool-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.pool-card { min-width: 0; padding: 18px; }
.pool-card header, .pool-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pool-pair { min-width: 0; display: flex; align-items: center; }
.pool-pair > span { width: 31px; height: 31px; display: grid; place-items: center; margin-right: -7px; border: 2px solid var(--surface); border-radius: 50%; color: var(--text); background: var(--surface-3); font-family: var(--mono); font-size: 8px; }
.pool-pair > span:nth-child(2) { margin-right: 10px; color: var(--cyan); background: #132426; }
.pool-pair div { min-width: 0; display: grid; }
.pool-pair strong, .pool-pair small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pool-pair strong { font-size: 12px; }
.pool-pair small { color: var(--muted); font-family: var(--mono); font-size: 7px; }
.pool-score { min-width: 48px; display: grid; justify-items: end; }
.pool-score span { color: var(--muted); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.pool-score strong { color: var(--accent); font-size: 22px; }
.pool-hero { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; margin: 20px 0 10px; }
.pool-hero div { padding: 13px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(255,255,255,.014); }
.pool-hero span, .pool-facts span { display: block; color: var(--muted); font-size: 8px; }
.pool-hero strong { display: block; margin-top: 4px; font-size: 22px; letter-spacing: -.04em; }
.pool-hero div:first-child strong { color: var(--positive); }
.pool-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
.pool-facts div { min-width: 0; padding: 9px; border: 1px solid var(--line-soft); border-radius: 10px; }
.pool-facts strong { display: block; overflow: hidden; margin-top: 4px; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.pool-card footer { margin-top: 16px; padding-top: 13px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 8px; }
.pool-card footer a { color: var(--cyan); }
.pool-empty { grid-column: 1 / -1; min-height: 260px; border: 1px dashed var(--line); border-radius: 18px; }
.closed-row { opacity: .72; }

.profile-layout { display: grid; grid-template-columns: minmax(240px, .6fr) minmax(0, 1.4fr); align-items: start; gap: 18px; }
.profile-card { display: flex; align-items: center; gap: 13px; padding: 20px; }
.profile-avatar { width: 48px; height: 48px; border-radius: 15px; }
.profile-card div { min-width: 0; display: grid; gap: 3px; }
.profile-card span { color: var(--muted); font-size: 8px; }
.profile-card strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; }
.profile-card small { color: var(--muted-2); font-size: 8px; }
.password-panel { max-width: 760px; }
.profile-settings-stack { min-width: 0; display: grid; gap: 14px; }
.display-profile-form { padding: 14px; border: 1px solid var(--line-soft); border-radius: 14px; background: rgba(255,255,255,.02); }
.profile-wallet-picker { display: grid; gap: 2px; }
.form-hint.no-pad { padding: 0; }
.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.panel-heading h2 { margin: 4px 0 0; font-size: 22px; }
.trusted-device-list, .heir-management-list { display: grid; gap: 11px; margin-top: 14px; }
.trusted-device-card, .heir-management-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; align-items: start; padding: 14px; border: 1px solid var(--line-soft); border-radius: 14px; background: rgba(255,255,255,.018); }
.trusted-device-card.is-expired { opacity: .72; }
.trusted-device-card > div { min-width: 0; display: grid; gap: 4px; }
.trusted-device-card strong, .heir-management-card strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.trusted-device-card small, .trusted-device-card span, .heir-management-card small { color: var(--muted); font-size: 10px; }
.trusted-device-action { display: flex; align-items: center; gap: 10px; }
.heir-management-card { grid-template-columns: 1fr; }
.heir-management-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.heir-action-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.heir-action-grid form { padding: 12px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(0,0,0,.14); }
.password-rules { display: flex; flex-wrap: wrap; gap: 7px; }
.password-rules span { padding: 4px 7px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); font-size: 8px; }
.account-access-grid { display: grid; grid-template-columns: minmax(280px,1fr) minmax(260px,.7fr); gap: 14px; margin-bottom: 36px; }
.access-identity-card, .access-status-card { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(18,22,32,.65); }
.access-identity-card { display: flex; align-items: center; gap: 13px; }
.access-identity-card > div { min-width: 0; display: grid; gap: 3px; }
.access-identity-card span, .access-identity-card small, .muted-copy { color: var(--muted); font-size: 10px; }
.access-identity-card strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; }
.access-status-card { display: grid; align-content: center; gap: 12px; }
.role-chip-list { display: flex; flex-wrap: wrap; gap: 7px; }
.role-chip { padding: 6px 9px; border: 1px solid rgba(98,213,208,.2); border-radius: 99px; color: var(--cyan); background: rgba(98,213,208,.045); font-size: 9px; }
.role-chip.global { color: #d7d3ff; border-color: rgba(143,131,255,.25); background: rgba(143,131,255,.06); }
.access-membership-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.membership-card { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 14px; padding: 17px; border: 1px solid var(--line); border-radius: 14px; background: rgba(18,22,32,.65); }
.membership-card > div:first-child { min-width: 0; display: flex; align-items: center; gap: 10px; }
.membership-card > div:first-child > div { min-width: 0; display: grid; gap: 3px; }
.membership-card strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; }
.membership-card small { color: var(--muted); font-size: 9px; }
.permission-summary { flex: 1 0 100%; display: flex; flex-wrap: wrap; gap: 7px; padding-top: 10px; border-top: 1px solid var(--line-soft); }
.membership-card .permission-summary { grid-column: 1 / -1; min-width: 0; }
.permission-summary span { display: grid; gap: 2px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); font-size: 9px; }
.permission-summary small { color: var(--accent); font-family: var(--mono); font-size: 7px; }
.module-state-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.module-state-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 17px; border: 1px solid var(--line); border-radius: 14px; background: rgba(18,22,32,.65); }
.module-state-card > div { display: grid; gap: 4px; }
.module-state-card > div > span { color: var(--accent); font-family: var(--mono); font-size: 8px; }
.user-admin-layout { display: grid; grid-template-columns: minmax(280px,.55fr) minmax(0,1.45fr); align-items: start; gap: 24px; }
.invite-panel { position: sticky; top: 22px; }
.user-admin-content { min-width: 0; }
.user-card-list, .invitation-list { display: grid; gap: 10px; }
.user-access-card { padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: rgba(18,22,32,.65); }
.user-access-card header { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 11px; margin-bottom: 12px; }
.user-access-card header > div { min-width: 0; display: grid; gap: 3px; }
.user-access-card header strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; }
.user-access-card header small { color: var(--muted); font-size: 9px; }
.user-access-card .profile-avatar { width: 38px; height: 38px; border-radius: 11px; }
.user-access-card.expanded { display: grid; gap: 12px; }
.user-access-card.expanded header { margin-bottom: 0; }
.plain-fieldset, .permission-groups fieldset { min-width: 0; margin: 0; padding: 12px; border: 1px solid var(--line); border-radius: 12px; }
.plain-fieldset legend, .permission-groups legend { padding: 0 5px; color: var(--muted); font-size: 9px; }
.toggle-line { display: flex !important; align-items: flex-start; gap: 9px; padding: 8px 0; }
.toggle-line input { width: auto; margin-top: 3px; accent-color: var(--accent); }
.toggle-line span { display: grid; gap: 2px; }
.toggle-line strong { color: var(--text); font-size: 10px; }
.toggle-line small, .plain-fieldset > small { color: var(--muted); font-size: 9px; }
.resource-choice { align-items: center; padding: 10px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(10,12,18,.4); }
.resource-choice > img { flex: 0 0 auto; width: 29px; height: 29px; padding: 4px; border-radius: 9px; object-fit: contain; background: rgba(255,255,255,.04); }
.resource-choice > div { min-width: 0; display: grid; gap: 3px; }
.resource-choice:has(input:checked) { border-color: rgba(143,131,255,.38); background: rgba(143,131,255,.065); }
.permission-builder, .access-editor { border: 1px solid var(--line); border-radius: 12px; background: rgba(9,11,16,.34); }
.permission-builder > summary, .access-editor > summary { padding: 11px 12px; color: var(--cyan); cursor: pointer; font-size: 10px; }
.permission-builder > p, .form-hint { margin: 0; padding: 0 12px 10px; color: var(--muted); font-size: 9px; }
.permission-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; padding: 0 12px 12px; }
.permission-groups.compact { padding: 0; }
.permission-options { max-height: 150px; display: grid; gap: 6px; overflow: auto; padding-right: 4px; }
.permission-options label { display: flex; align-items: flex-start; gap: 7px; color: var(--muted); font-size: 9px; }
.permission-options input { width: auto; margin-top: 2px; accent-color: var(--accent); }
.module-chip-list { display: flex; flex-wrap: wrap; gap: 6px; }
.module-chip { padding: 5px 8px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); font-family: var(--mono); font-size: 7px; }
.module-chip.enabled { color: var(--positive); border-color: rgba(100,221,166,.22); background: rgba(100,221,166,.04); }
.access-editor form { padding: 0 12px 12px; }
.danger-editor > summary { color: var(--danger); }
.capability-fieldset { display: grid; gap: 2px; }
.invitations-title { margin-top: 36px; }
.invitation-row { display: grid; grid-template-columns: minmax(180px,1fr) minmax(150px,.7fr) minmax(110px,.45fr); align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 13px; background: rgba(18,22,32,.55); }
.invitation-row > div:first-child, .invitation-meta { min-width: 0; display: grid; gap: 4px; }
.invitation-row strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; }
.invitation-row small { color: var(--muted); font-size: 9px; }
.invitation-meta { justify-items: start; }
.status-pending { color: var(--warning); border-color: rgba(243,189,103,.22); background: rgba(243,189,103,.05); }
.status-expired, .status-delivery_failed { color: var(--negative); border-color: rgba(240,120,130,.22); background: rgba(240,120,130,.05); }
.status-accepted { color: var(--positive); border-color: rgba(110,214,168,.22); background: rgba(110,214,168,.05); }
.status-revoked { color: var(--muted); }
.resend-invitation { justify-self: end; }
.resend-invitation > summary { color: var(--cyan); }
.resend-invitation form { width: min(250px,70vw); margin-top: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-2); }
.audit-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 24px; }
.audit-summary article { display: grid; gap: 6px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: rgba(18,22,32,.65); }
.audit-summary span { color: var(--muted); font-family: var(--mono); font-size: 8px; letter-spacing: .08em; }
.audit-summary strong { font-size: 13px; }
.audit-list { display: grid; gap: 9px; }
.audit-event { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 13px; padding: 15px 17px; border: 1px solid var(--line); border-radius: 14px; background: rgba(18,22,32,.58); }
.audit-event-mark { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(100,221,166,.24); border-radius: 10px; color: var(--positive); background: rgba(100,221,166,.05); font-family: var(--mono); font-size: 8px; }
.audit-event-mark.denied { color: var(--danger); border-color: rgba(242,118,130,.26); background: rgba(242,118,130,.05); }
.audit-event-main { min-width: 0; display: grid; gap: 5px; }
.audit-event-title { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.audit-event-title > strong { font-size: 11px; text-transform: uppercase; }
.audit-event-main > p { margin: 0; color: var(--muted); font-size: 10px; }
.audit-event-main > p span { color: var(--text); }
.audit-event-main details summary { width: max-content; color: var(--cyan); cursor: pointer; font-size: 9px; }
.audit-details { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px; }
.audit-details span { display: grid; gap: 2px; max-width: 100%; padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; }
.audit-details small { color: var(--muted); font-size: 7px; text-transform: uppercase; }
.audit-details strong { overflow-wrap: anywhere; font-family: var(--mono); font-size: 8px; font-weight: 500; }
.audit-event-meta { display: grid; align-content: start; justify-items: end; gap: 4px; color: var(--muted); font-size: 8px; }
.audit-event-meta code { color: var(--muted-2); font-size: 8px; }
.invitation-accept-layout { width: min(980px,100%); min-height: 620px; display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.8fr); overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--surface); box-shadow: 0 40px 120px rgba(0,0,0,.28); }
.invitation-accept-copy { display: flex; flex-direction: column; justify-content: space-between; padding: 42px; background: radial-gradient(circle at 15% 75%,rgba(98,213,208,.1),transparent 22rem),linear-gradient(150deg,#121621,#0d1017); }
.invitation-accept-copy h1 { max-width: 500px; margin: 10px 0 16px; font-size: clamp(40px,5vw,60px); font-weight: 540; letter-spacing: -.06em; }
.invitation-accept-copy p:last-child { max-width: 500px; color: var(--muted); font-size: 13px; }
.invitation-accept-panel { display: flex; flex-direction: column; justify-content: center; padding: clamp(28px,5vw,52px); border-left: 1px solid var(--line); background: #10131b; }

.guest-shell { min-height: 100vh; display: grid; place-items: center; padding: 32px; }
.guest-shell > .flash { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 2; }
.home-shell { width: min(1180px, 100%); display: grid; gap: 36px; }
.home-nav { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.home-hero {
  min-height: 620px;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(340px, .98fr);
  gap: 28px;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(155,140,255,.22);
  border-radius: 28px;
  background:
    radial-gradient(circle at 78% 10%, rgba(155,140,255,.16), transparent 25rem),
    radial-gradient(circle at 8% 88%, rgba(87,221,210,.08), transparent 22rem),
    linear-gradient(145deg, rgba(20,24,35,.92), rgba(9,11,16,.96));
  box-shadow: 0 40px 140px rgba(0,0,0,.34);
}
.home-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(32px, 6vw, 72px); }
.home-hero-copy h1 { max-width: 700px; margin: 12px 0 18px; font-size: clamp(48px, 7vw, 86px); font-weight: 540; letter-spacing: -.075em; }
.home-hero-copy p:not(.overline) { max-width: 610px; color: var(--muted); font-size: clamp(14px, 1.4vw, 17px); line-height: 1.75; }
.home-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 18px; }
.button.ghost { min-height: 38px; background: rgba(255,255,255,.025); }
.button.soft { color: #cfc8ff; border-color: rgba(155,140,255,.34); background: rgba(155,140,255,.08); }
.home-terminal { align-self: center; margin: 28px 28px 28px 0; border: 1px solid rgba(169,181,205,.14); border-radius: 22px; background: rgba(8,10,15,.72); box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 22px 80px rgba(0,0,0,.28); }
.home-terminal-bar { display: flex; gap: 7px; padding: 17px 18px; border-bottom: 1px solid var(--line-soft); }
.home-terminal-bar span { width: 8px; height: 8px; border-radius: 50%; background: var(--line); }
.home-terminal-bar span:nth-child(1) { background: var(--danger); }
.home-terminal-bar span:nth-child(2) { background: var(--warning); }
.home-terminal-bar span:nth-child(3) { background: var(--positive); }
.home-terminal-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; padding: 1px; background: var(--line-soft); }
.home-terminal-grid div { min-height: 148px; display: grid; align-content: center; gap: 7px; padding: 22px; background: rgba(12,15,22,.96); }
.home-terminal-grid small { color: var(--muted-2); font-family: var(--mono); font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }
.home-terminal-grid strong { font-size: clamp(22px, 2.4vw, 32px); letter-spacing: -.045em; }
.home-terminal-grid em { color: var(--muted); font-size: 11px; font-style: normal; }
.home-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.home-feature-grid article { padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: rgba(16,20,29,.78); }
.home-feature-grid span { color: var(--cyan); font-family: var(--mono); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.home-feature-grid h2 { margin: 13px 0 10px; font-size: 22px; letter-spacing: -.04em; }
.home-feature-grid p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.landing-shell {
  align-self: start;
  width: min(1240px, 100%);
  display: grid;
  gap: 22px;
  padding-bottom: 36px;
}
.landing-nav {
  position: sticky;
  top: 18px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px;
  border: 1px solid rgba(169,181,205,.12);
  border-radius: 22px;
  background: rgba(8,10,15,.72);
  backdrop-filter: blur(22px);
  box-shadow: 0 18px 70px rgba(0,0,0,.22);
}
.landing-nav-actions { display: flex; align-items: center; gap: 8px; }
.landing-nav-actions > a:not(.button) { padding: 10px 12px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.landing-nav-actions > a:not(.button):hover { color: var(--text); }
.landing-hero {
  min-height: 690px;
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(390px, .97fr);
  gap: 26px;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(155,140,255,.22);
  border-radius: 34px;
  background:
    radial-gradient(circle at 84% 8%, rgba(155,140,255,.20), transparent 26rem),
    radial-gradient(circle at 4% 92%, rgba(87,221,210,.11), transparent 24rem),
    linear-gradient(145deg, rgba(20,24,35,.94), rgba(8,10,15,.98));
  box-shadow: 0 45px 160px rgba(0,0,0,.38);
}
.landing-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(36px, 6vw, 74px);
}
.landing-hero-copy h1 {
  max-width: 760px;
  margin: 13px 0 20px;
  font-size: clamp(48px, 7.5vw, 88px);
  font-weight: 540;
  letter-spacing: -.078em;
}
.landing-hero-copy > p:not(.overline) {
  max-width: 660px;
  color: #a7b1c4;
  font-size: clamp(15px, 1.45vw, 18px);
  line-height: 1.78;
}
.landing-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 22px; }
.landing-trust-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.landing-trust-row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border: 1px solid rgba(169,181,205,.12);
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255,255,255,.025);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.landing-trust-row i { width: 7px; height: 7px; border-radius: 50%; background: var(--positive); box-shadow: 0 0 18px rgba(100,221,166,.6); }
.landing-product-card {
  align-self: center;
  margin: 28px 28px 28px 0;
  overflow: hidden;
  border: 1px solid rgba(169,181,205,.16);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(155,140,255,.10), transparent 42%),
    rgba(8,10,15,.75);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 24px 90px rgba(0,0,0,.34);
}
.landing-card-top {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--line-soft);
}
.landing-card-top span {
  padding: 5px 9px;
  border: 1px solid rgba(100,221,166,.3);
  border-radius: 999px;
  color: var(--positive);
  background: rgba(100,221,166,.06);
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 800;
}
.landing-card-top strong { font-size: 13px; letter-spacing: -.02em; }
.landing-card-top small { color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.landing-networth { display: grid; gap: 7px; padding: 28px 24px 24px; }
.landing-networth span { color: var(--muted); font-size: 11px; }
.landing-networth strong { font-size: clamp(46px, 5vw, 68px); line-height: .95; letter-spacing: -.07em; }
.landing-networth em { color: var(--muted-2); font-style: normal; font-size: 11px; }
.landing-metric-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1px;
  padding: 1px;
  background: var(--line-soft);
}
.landing-metric-grid div {
  min-height: 138px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 21px;
  background: rgba(12,15,22,.96);
}
.landing-metric-grid small { color: var(--muted-2); font-family: var(--mono); font-size: 8px; letter-spacing: .09em; text-transform: uppercase; }
.landing-metric-grid strong { font-size: 28px; letter-spacing: -.04em; }
.landing-metric-grid em { color: var(--muted); font-size: 10px; font-style: normal; }
.landing-flow {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 18px 20px;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.landing-flow b { width: 18px; height: 1px; background: rgba(87,221,210,.45); }
.landing-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(16,20,29,.62);
}
.landing-logos span {
  padding: 8px 11px;
  border: 1px solid rgba(169,181,205,.11);
  border-radius: 999px;
  color: #b6c0d4;
  background: rgba(255,255,255,.025);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 800;
}
.landing-section {
  display: grid;
  grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr);
  gap: clamp(24px, 6vw, 72px);
  align-items: start;
  padding: clamp(28px, 5vw, 56px);
  border: 1px solid var(--line);
  border-radius: 28px;
  background: rgba(16,20,29,.68);
}
.landing-section h2,
.landing-security-grid h2,
.landing-cta h2 {
  margin: 9px 0 0;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 560;
  letter-spacing: -.06em;
}
.landing-section > p,
.landing-section div > p:not(.overline) {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.85;
}
.landing-problem { background: linear-gradient(140deg, rgba(242,118,130,.07), rgba(16,20,29,.68)); }
.landing-feature-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}
.landing-feature-grid article {
  min-height: 230px;
  padding: 25px;
  border: 1px solid rgba(169,181,205,.12);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0, rgba(155,140,255,.10), transparent 42%),
    rgba(16,20,29,.74);
}
.landing-feature-grid span { color: var(--cyan); font-family: var(--mono); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.landing-feature-grid h3 { margin: 38px 0 12px; font-size: 25px; letter-spacing: -.045em; }
.landing-feature-grid p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
.landing-succession {
  align-items: center;
  background:
    radial-gradient(circle at 88% 50%, rgba(100,221,166,.08), transparent 22rem),
    rgba(16,20,29,.72);
}
.landing-succession-card {
  padding: 26px;
  border: 1px solid rgba(100,221,166,.23);
  border-radius: 24px;
  background: rgba(100,221,166,.045);
}
.landing-succession-card span { color: var(--positive); font-family: var(--mono); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.landing-succession-card ol { display: grid; gap: 13px; margin: 18px 0 0; padding-left: 22px; color: #c8d1df; font-size: 13px; line-height: 1.65; }
.landing-succession-card li::marker { color: var(--positive); font-family: var(--mono); font-weight: 800; }
.landing-security-grid {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(22px, 5vw, 60px);
  padding: clamp(26px, 5vw, 48px);
  border: 1px solid rgba(87,221,210,.18);
  border-radius: 28px;
  background: linear-gradient(140deg, rgba(87,221,210,.055), rgba(16,20,29,.68));
}
.landing-security-points { display: grid; gap: 12px; }
.landing-security-points p {
  margin: 0;
  padding: 16px 18px;
  border: 1px solid var(--line-soft);
  border-radius: 16px;
  color: var(--muted);
  background: rgba(255,255,255,.025);
  font-size: 12px;
  line-height: 1.7;
}
.landing-security-points strong { color: var(--text); }
.landing-cta {
  display: grid;
  justify-items: center;
  text-align: center;
  padding: clamp(34px, 7vw, 72px);
  border: 1px solid rgba(155,140,255,.25);
  border-radius: 32px;
  background:
    radial-gradient(circle at 50% 0, rgba(155,140,255,.18), transparent 28rem),
    rgba(16,20,29,.72);
}
.landing-cta p:not(.overline) { max-width: 660px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.landing-cta .button { margin-top: 8px; }
.landing-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 4px;
  color: var(--muted-2);
  font-size: 10px;
}
.landing-footer span { color: var(--text); font-weight: 800; }
.landing-footer p { max-width: 720px; margin: 0; text-align: right; }
.login-layout { width: min(1080px, 100%); min-height: 640px; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--surface); box-shadow: 0 40px 120px rgba(0,0,0,.28); }
.login-intro { display: flex; flex-direction: column; justify-content: space-between; padding: 42px; background: radial-gradient(circle at 10% 80%, rgba(98,213,208,.08), transparent 22rem), linear-gradient(150deg, #121621, #0d1017); }
.login-brand { width: max-content; }
.login-intro h1 { max-width: 570px; margin: 10px 0 16px; font-size: clamp(38px, 5vw, 62px); font-weight: 540; letter-spacing: -.06em; }
.login-intro > div > p:last-child { max-width: 520px; color: var(--muted); font-size: 13px; }
.login-signals { display: flex; flex-wrap: wrap; gap: 9px 17px; color: var(--muted); font-size: 9px; }
.login-signals span { display: flex; align-items: center; gap: 7px; }
.login-signals i { width: 5px; height: 5px; border-radius: 50%; background: var(--positive); }
.login-panel { display: flex; flex-direction: column; justify-content: center; padding: clamp(28px, 5vw, 58px); border-left: 1px solid var(--line); background: #10131b; }
.login-panel-head h2 { margin: 8px 0 8px; font-size: 28px; letter-spacing: -.04em; }
.login-panel-head p { margin-bottom: 25px; color: var(--muted); font-size: 11px; }
.login-view-options { border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(255,255,255,.018); }
.login-view-options summary { padding: 10px 12px; color: var(--muted); cursor: pointer; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.login-view-options[open] summary { color: var(--text); border-bottom: 1px solid var(--line-soft); }
.login-view-options-panel { display: grid; gap: 11px; padding: 12px; }
.login-view-options-panel small { color: var(--muted); font-size: 9px; line-height: 1.5; }
.form-error { margin-bottom: 15px; padding: 10px 12px; border: 1px solid rgba(240,120,130,.28); border-radius: 9px; color: #f2a3aa; background: rgba(240,120,130,.06); font-size: 10px; }
.totp-on-submit-note { color: var(--muted); font-size: 9px; }
.quiet-link { display: inline-flex; width: max-content; color: #c7bdff; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.quiet-link:hover { color: var(--text); }
.totp-modal[hidden] { display: none; }
.totp-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 18px; }
.totp-modal-backdrop { position: absolute; inset: 0; background: rgba(2,4,8,.78); backdrop-filter: blur(8px); }
.totp-modal-card { position: relative; width: min(430px,100%); padding: 28px; border: 1px solid rgba(155,140,255,.3); border-radius: 20px; background: linear-gradient(150deg,#151925,#0e1118); box-shadow: 0 32px 100px rgba(0,0,0,.58); }
.totp-modal-card h2 { margin: 8px 0 10px; font-size: 28px; letter-spacing: -.04em; }
.totp-modal-card > p:not(.overline) { margin-bottom: 22px; color: var(--muted); font-size: 11px; }
.totp-modal-card label { display: grid; gap: 7px; color: var(--muted); font-size: 10px; }
.totp-modal-card .mfa-code { width: 100%; letter-spacing: .38em; text-align: center; }
.totp-modal-close { position: absolute; top: 13px; right: 15px; border: 0; color: var(--muted); background: transparent; font-size: 22px; cursor: pointer; }
.totp-modal-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 20px; }
.totp-modal-card .form-error { display: block; margin: 12px 0 0; }
.totp-modal-card .form-error[hidden] { display: none; }
body.modal-open { overflow: hidden; }

.society-safety-checklist, .society-next-steps, .society-opening-proof { margin-bottom: 18px; padding: 22px; border: 1px solid rgba(87,221,210,.2); border-radius: 18px; background: linear-gradient(145deg,rgba(87,221,210,.055),rgba(13,16,23,.82)); }
.society-safety-checklist ol, .society-next-steps ol { display: grid; gap: 10px; margin: 17px 0 0; padding-left: 22px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.society-safety-checklist li::marker, .society-next-steps li::marker { color: var(--cyan); font-family: var(--mono); font-weight: 700; }
.society-safety-checklist b, .society-next-steps b { color: var(--text); }
.society-opening-card { display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr); gap: 34px; margin-bottom: 28px; padding: 26px; border: 1px solid rgba(151,128,255,.24); border-radius: 20px; background: linear-gradient(140deg,rgba(151,128,255,.08),rgba(16,19,27,.78)); }
.society-opening-card h2 { margin: 6px 0 12px; font-size: 26px; }
.society-opening-card p:not(.overline) { max-width: 520px; color: var(--muted); line-height: 1.7; }
.society-opening-form { align-self: center; }
.society-opening-form .form-span { grid-column: 1 / -1; }
.society-scope-picker { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.society-scope-picker legend { margin-bottom: 8px; }
.confirmation-line { padding: 13px; border: 1px solid rgba(103,231,174,.2); border-radius: 12px; background: rgba(103,231,174,.035); }
.society-workspace { margin-bottom: 48px; }
.society-titlebar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.society-titlebar > div { display: flex; align-items: center; gap: 13px; }
.society-titlebar h2 { margin: 3px 0 0; font-size: 25px; }
.society-title-actions { display: flex; align-items: center; gap: 9px; }
.society-module-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -8px 0 24px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(12,15,22,.62);
}
.society-module-tabs a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.society-module-tabs a:hover { color: var(--text); background: rgba(255,255,255,.03); }
.society-module-tabs a.active { color: var(--text); border-color: rgba(155,140,255,.28); background: linear-gradient(90deg,rgba(155,140,255,.18),rgba(87,221,210,.06)); }
.society-module-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 10px; margin: 0 0 30px; }
.society-panel { padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: rgba(17,20,29,.72); }
.society-mini-members { display: grid; gap: 8px; }
.society-mini-members > div { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 9px; padding: 10px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(9,11,16,.42); }
.society-mini-members strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.society-mini-members b { color: var(--positive); }
.society-mini-members small { color: var(--muted); font-family: var(--mono); font-size: 9px; }
.society-fee-summary.compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
.society-allocation-strip { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap: 8px; margin-bottom: 14px; }
.society-allocation-strip article { display: grid; gap: 8px; padding: 14px; border: 1px solid var(--line-soft); border-radius: 13px; background: rgba(9,11,16,.48); }
.society-allocation-strip span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.society-allocation-strip strong { font-size: 19px; letter-spacing: -.03em; }
.society-performance-strip { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap: 8px; margin: -4px 0 14px; }
.society-performance-strip article { display: grid; gap: 8px; padding: 13px; border: 1px solid rgba(112,231,184,.16); border-radius: 13px; background: rgba(112,231,184,.035); }
.society-performance-strip span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.society-performance-strip strong { font-size: 17px; letter-spacing: -.03em; }
.society-resource-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.society-resource-cards > article { display: grid; gap: 12px; padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg,rgba(17,20,29,.82),rgba(9,11,16,.72)); }
.society-resource-cards header { display: flex; justify-content: space-between; gap: 14px; padding-bottom: 11px; border-bottom: 1px solid var(--line-soft); }
.society-resource-cards header div { min-width: 0; display: grid; gap: 4px; }
.society-resource-cards header span { color: var(--cyan); font-family: var(--mono); font-size: 9px; letter-spacing: .08em; }
.society-resource-cards header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.society-resource-cards header small, .society-resource-meta span, .society-resource-cards footer span { color: var(--muted); font-size: 9px; }
.society-resource-cards header b { flex: 0 0 auto; font-size: 18px; }
.society-resource-meta { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.society-resource-meta span, .society-resource-meta a { padding: 4px 6px; border: 1px solid var(--line-soft); border-radius: 8px; }
.society-resource-meta a { color: var(--cyan); font-size: 9px; font-weight: 800; }
.society-token-list { display: flex; flex-wrap: wrap; gap: 6px; }
.society-token-list span { padding: 5px 7px; border-radius: 9px; color: var(--text); background: rgba(255,255,255,.035); font-size: 9px; }
.society-token-list b { color: var(--muted); }
.society-resource-cards footer { display: flex; flex-wrap: wrap; gap: 7px; padding-top: 10px; border-top: 1px solid var(--line-soft); }
.society-resource-cards footer span { padding: 4px 6px; border-radius: 8px; background: rgba(255,255,255,.025); }
.society-resource-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.society-resource-list article { display: grid; gap: 6px; min-height: 78px; padding: 13px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(9,11,16,.48); }
.society-resource-list span, .society-resource-list small { color: var(--muted); font-size: 9px; }
.society-resource-list strong { overflow-wrap: anywhere; font-size: 12px; }
.society-hero-grid { display: grid; grid-template-columns: minmax(310px,1.35fr) repeat(3,minmax(150px,.65fr)); gap: 10px; }
.society-value-card, .society-stat-card { min-height: 142px; padding: 21px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg,rgba(23,27,39,.96),rgba(13,16,23,.96)); }
.society-value-card { background: radial-gradient(circle at 88% 12%,rgba(103,231,174,.12),transparent 38%),linear-gradient(145deg,rgba(23,27,39,.98),rgba(13,16,23,.98)); }
.society-value-card > span, .society-stat-card > span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.society-value-card > strong { display: block; margin: 15px 0 10px; font-size: clamp(30px,4vw,47px); letter-spacing: -.05em; }
.society-value-card > strong small { margin-right: 4px; color: var(--muted); font-size: .45em; }
.society-value-card p { color: var(--muted); font-size: 11px; }
.society-value-card p b { color: var(--text); }
.society-stat-card { display: flex; flex-direction: column; justify-content: space-between; }
.society-stat-card strong { font-size: 21px; letter-spacing: -.03em; }
.society-stat-card small { color: var(--muted); font-size: 9px; }
.society-rule-banner { display: grid; grid-template-columns: auto minmax(230px,.85fr) minmax(280px,1.15fr); align-items: center; gap: 18px; margin: 10px 0 34px; padding: 14px 18px; border: 1px solid rgba(103,231,174,.18); border-radius: 13px; background: rgba(103,231,174,.04); }
.society-rule-banner > span { color: var(--positive); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }
.society-rule-banner > strong { font-size: 11px; }
.society-rule-banner p { color: var(--muted); font-size: 10px; }
.society-opening-proof { margin: 0 0 30px; border-color: rgba(151,128,255,.22); background: linear-gradient(145deg,rgba(151,128,255,.06),rgba(13,16,23,.82)); }
.society-opening-proof > p { margin: 15px 0 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.society-proof-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.society-proof-grid article { display: grid; gap: 8px; min-height: 82px; padding: 14px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(10,12,18,.55); }
.society-proof-grid span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.society-proof-grid strong { align-self: end; font-size: 16px; overflow-wrap: anywhere; }
.society-economic-section { margin: 0 0 30px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg,rgba(20,24,34,.9),rgba(11,13,19,.92)); }
.society-fee-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.society-fee-summary article { display: grid; gap: 7px; min-height: 112px; padding: 15px; border: 1px solid var(--line-soft); border-radius: 13px; background: rgba(9,11,16,.52); }
.society-fee-summary span, .society-fee-summary small { color: var(--muted); font-size: 9px; }
.society-fee-summary strong { align-self: end; font-size: 20px; }
.society-fee-position-list { display: grid; gap: 8px; margin-top: 16px; }
.society-fee-position-list > details { border: 1px solid var(--line-soft); border-radius: 13px; background: rgba(9,11,16,.42); }
.society-fee-position-list > details > summary { display: flex; justify-content: space-between; gap: 12px; padding: 13px 15px; cursor: pointer; font-size: 10px; }
.society-fee-position-list > details > summary b { color: var(--positive); font-family: var(--mono); font-size: 8px; }
.compact-title { margin-top: 20px; }
.compact-title h3 { margin: 3px 0 0; font-size: 15px; }
.society-fee-assets { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 0 12px 12px; }
.society-fee-assets article, .society-aave-grid article { padding: 14px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(17,20,29,.68); }
.society-fee-assets header, .society-aave-grid header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 11px; padding-bottom: 10px; border-bottom: 1px solid var(--line-soft); }
.society-fee-assets header small, .society-aave-grid header span { color: var(--cyan); font-family: var(--mono); font-size: 9px; }
.society-fee-assets article > div, .society-aave-grid article > div { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; color: var(--muted); font-size: 9px; }
.society-fee-assets article > div b, .society-aave-grid article > div b { color: var(--text); font-size: 10px; text-align: right; }
.society-fee-assets article > div b small { margin-left: 5px; color: var(--muted); }
.society-aave-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.society-aave-grid footer { margin-top: 11px; padding-top: 10px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 9px; line-height: 1.55; }
.aave-classification-form { display: grid; grid-template-columns: 1fr 1.25fr auto; gap: 7px; margin-top: 11px; padding-top: 11px; border-top: 1px solid var(--line-soft); }
.aave-classification-form select, .aave-classification-form input { min-width: 0; font-size: 9px; }
.aave-classification-form .button { min-height: 36px; padding: 0 11px; font-size: 9px; }
.society-transfer-review { margin: 18px 0; padding: 18px; border: 1px solid rgba(153,138,255,.16); border-radius: 18px; background: rgba(12,15,22,.66); }
.society-cutoff-banner { display: grid; grid-template-columns: minmax(220px,.9fr) auto minmax(280px,1.1fr); align-items: center; gap: 15px; margin: 0 0 14px; padding: 15px 17px; border: 1px solid rgba(87,221,210,.2); border-radius: 16px; background: linear-gradient(135deg,rgba(87,221,210,.055),rgba(155,140,255,.035)); }
.society-cutoff-banner h3 { margin: 3px 0 0; font-size: 14px; }
.society-cutoff-banner strong { color: var(--cyan); font-family: var(--mono); font-size: 11px; text-align: center; }
.society-cutoff-banner p:last-child { color: var(--muted); font-size: 10px; line-height: 1.55; }
.transfer-filter-panel { display: grid; gap: 10px; margin: 14px 0; padding: 12px; border: 1px solid var(--line-soft); border-radius: 15px; background: rgba(255,255,255,.018); }
.transfer-filter-quick { display: flex; flex-wrap: wrap; gap: 7px; }
.transfer-filter-quick button { min-height: 31px; padding: 0 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.02); font-size: 9px; font-weight: 800; cursor: pointer; }
.transfer-filter-quick button.active, .transfer-filter-quick button:hover { color: var(--text); border-color: rgba(155,140,255,.38); background: rgba(155,140,255,.12); }
.transfer-filter-advanced { border: 1px solid var(--line-soft); border-radius: 13px; background: rgba(9,11,16,.38); }
.transfer-filter-advanced summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 38px; padding: 0 12px; color: var(--muted); font-size: 10px; font-weight: 800; cursor: pointer; }
.transfer-filter-advanced summary span { padding: 4px 7px; border: 1px solid rgba(103,231,174,.2); border-radius: 999px; color: var(--positive); font-family: var(--mono); font-size: 8px; }
.transfer-filter-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; padding: 0 12px 12px; }
.transfer-filter-grid label { gap: 6px; color: var(--muted); font-size: 9px; }
.transfer-filter-grid input, .transfer-filter-grid select { min-height: 36px; font-size: 10px; }
.transfer-filter-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 0 12px 12px; }
.transfer-bulk-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; padding: 12px; border: 1px solid var(--line-soft); border-radius: 14px; background: rgba(255,255,255,.018); }
.transfer-bulk-ignore-form { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.button.danger { color: var(--negative); border-color: rgba(255,111,145,.45); background: rgba(255,111,145,.08); }
.transfer-candidate-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 14px; }
.transfer-candidate-card { display: grid; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
.transfer-candidate-card.direction-in { border-color: rgba(103,231,174,.22); background: radial-gradient(circle at 98% 0,rgba(103,231,174,.08),transparent 32%),rgba(255,255,255,.025); }
.transfer-candidate-card.direction-out { border-color: rgba(255,111,145,.22); background: radial-gradient(circle at 98% 0,rgba(255,111,145,.07),transparent 32%),rgba(255,255,255,.025); }
.transfer-candidate-card.is-grouped { border-color: rgba(155,140,255,.34); background: radial-gradient(circle at 96% 0,rgba(155,140,255,.12),transparent 34%),rgba(255,255,255,.028); }
.transfer-operation-badge { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: -2px 0 2px; padding: 8px 9px; border: 1px solid rgba(155,140,255,.28); border-radius: 12px; background: rgba(155,140,255,.075); }
.transfer-operation-badge span { color: var(--purple); font-family: var(--mono); font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.transfer-operation-badge b { color: var(--text); font-size: 10px; }
.transfer-operation-badge button { margin-left: auto; padding: 4px 8px; border: 1px solid rgba(87,221,210,.22); border-radius: 999px; color: var(--cyan); background: rgba(87,221,210,.04); font-size: 9px; font-weight: 800; cursor: pointer; }
.transfer-candidate-card .toggle-line { align-items: flex-start; padding: 0; border: 0; background: transparent; }
.transfer-candidate-card .toggle-line span { display: grid; gap: 4px; }
.transfer-candidate-card.direction-in .toggle-line strong { color: var(--positive); }
.transfer-candidate-card.direction-out .toggle-line strong { color: var(--negative); }
.transfer-candidate-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.transfer-candidate-meta b { color: var(--text); font-family: var(--mono); font-size: 14px; }
.transfer-candidate-card.direction-in .transfer-candidate-meta b { color: var(--positive); }
.transfer-candidate-card.direction-out .transfer-candidate-meta b { color: var(--negative); }
.transfer-candidate-meta code { max-width: 190px; overflow: hidden; color: var(--muted); text-overflow: ellipsis; }
.transfer-candidate-classification { display: grid; gap: 4px; padding: 10px 11px; border: 1px solid rgba(140,116,255,.28); border-radius: 12px; background: rgba(140,116,255,.07); }
.transfer-candidate-classification strong { color: var(--purple); font-family: var(--mono); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.transfer-candidate-classification span { color: var(--text); font-size: 10px; line-height: 1.45; }
.transfer-candidate-classification small { color: var(--muted); font-family: var(--mono); font-size: 8px; }
.transfer-candidate-classification em { color: var(--muted); font-size: 10px; font-style: normal; line-height: 1.45; }
.transfer-candidate-route { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 4px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.07); }
.transfer-candidate-route span { color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.transfer-candidate-route b { color: var(--positive); font-size: 10px; text-align: right; }
.transfer-candidate-route small { white-space: nowrap; }
.transfer-candidate-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.quiet-button.positive-action { color: var(--positive); }
.transfer-ignore-form { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 8px; border-top: 1px solid var(--line-soft); }
.transfer-ignore-form .totp-on-submit-note { margin-right: auto; }
.timeline-filter-panel { display: grid; gap: 11px; margin: 16px 0 18px; padding: 14px; border: 1px solid rgba(155,140,255,.18); border-radius: 16px; background: radial-gradient(circle at 100% 0,rgba(155,140,255,.09),transparent 34%),rgba(9,11,16,.48); }
.timeline-filter-quick { display: flex; flex-wrap: wrap; gap: 7px; }
.timeline-filter-quick button { min-height: 32px; padding: 0 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.024); font-size: 10px; font-weight: 850; cursor: pointer; }
.timeline-filter-quick button:hover, .timeline-filter-quick button.active { color: var(--text); border-color: rgba(87,221,210,.34); background: linear-gradient(90deg,rgba(87,221,210,.12),rgba(155,140,255,.08)); }
.timeline-filter-grid { display: grid; grid-template-columns: minmax(220px,1.2fr) repeat(3,minmax(145px,.7fr)); gap: 8px; }
.timeline-filter-grid label { color: var(--muted); font-size: 9px; gap: 6px; }
.timeline-filter-grid input, .timeline-filter-grid select { min-height: 38px; font-size: 10px; }
.timeline-filter-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 9px; padding-top: 2px; }
.timeline-filter-actions span { margin-right: auto; padding: 6px 9px; border: 1px solid rgba(103,231,174,.2); border-radius: 999px; color: var(--positive); background: rgba(103,231,174,.045); font-family: var(--mono); font-size: 9px; }
.society-timeline { display: grid; gap: 12px; margin-top: 18px; }
.society-timeline-day { border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg,rgba(17,20,29,.78),rgba(9,11,16,.66)); overflow: hidden; }
.society-timeline-day[hidden] { display: none; }
.society-timeline-day > summary { min-height: 78px; display: grid; grid-template-columns: auto minmax(112px,.28fr) minmax(220px,1fr) auto auto auto; align-items: center; gap: 12px; padding: 14px 16px; cursor: pointer; list-style: none; }
.society-timeline-day > summary::-webkit-details-marker { display: none; }
.timeline-day-chevron { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(87,221,210,.25); border-radius: 50%; color: var(--cyan); background: rgba(87,221,210,.055); font-family: var(--mono); font-size: 13px; transition: transform .16s ease, background .16s ease; }
.society-timeline-day[open] .timeline-day-chevron { transform: rotate(45deg); background: rgba(155,140,255,.12); }
.timeline-day-date { color: var(--text); font-family: var(--mono); font-size: 11px; }
.timeline-day-summary { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.society-timeline-day > summary b { padding: 6px 8px; border: 1px solid var(--line-soft); border-radius: 999px; color: var(--muted); font-size: 9px; white-space: nowrap; }
.society-timeline-day > summary strong { color: var(--positive); font-family: var(--mono); font-size: 12px; white-space: nowrap; }
.society-timeline-day > summary small { color: var(--cyan); font-size: 9px; white-space: nowrap; }
.society-timeline-list { position: relative; display: grid; gap: 10px; }
.society-timeline-day[open] .society-timeline-list { padding: 0 16px 16px; }
.society-timeline-list::before { content: ""; position: absolute; left: 31px; top: 8px; bottom: 24px; width: 1px; background: linear-gradient(180deg,rgba(155,140,255,.52),rgba(87,221,210,.26)); }
.society-timeline-item { position: relative; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px; }
.society-timeline-item[hidden] { display: none; }
.society-timeline-icon { z-index: 1; width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); background: #10131b; font-family: var(--mono); font-size: 11px; }
.society-timeline-item.positive .society-timeline-icon { color: var(--positive); border-color: rgba(103,231,174,.32); background: rgba(103,231,174,.08); }
.society-timeline-item.negative .society-timeline-icon { color: var(--negative); border-color: rgba(255,111,145,.34); background: rgba(255,111,145,.08); }
.society-timeline-item.positive .society-timeline-body { border-color: rgba(103,231,174,.24); background: radial-gradient(circle at 98% 5%,rgba(103,231,174,.08),transparent 36%),linear-gradient(145deg,rgba(17,20,29,.84),rgba(9,11,16,.74)); }
.society-timeline-item.negative .society-timeline-body { border-color: rgba(255,111,145,.24); background: radial-gradient(circle at 98% 5%,rgba(255,111,145,.07),transparent 36%),linear-gradient(145deg,rgba(17,20,29,.84),rgba(9,11,16,.74)); }
.society-timeline-body { display: grid; gap: 10px; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: radial-gradient(circle at 98% 5%,rgba(155,140,255,.08),transparent 36%),linear-gradient(145deg,rgba(17,20,29,.82),rgba(9,11,16,.72)); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
.society-timeline-body > header { display: flex; align-items: start; justify-content: space-between; gap: 14px; }
.society-timeline-body > header strong { font-size: 15px; letter-spacing: -.02em; line-height: 1.25; }
.society-timeline-body time { flex: 0 0 auto; color: var(--cyan); font-family: var(--mono); font-size: 9px; }
.society-timeline-body p { max-width: 780px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.society-timeline-meta { display: flex; flex-wrap: wrap; gap: 7px; }
.society-timeline-meta span { padding: 6px 8px; border: 1px solid var(--line-soft); border-radius: 10px; color: var(--text); background: rgba(255,255,255,.028); font-size: 9px; }
.timeline-chip.value { color: var(--positive); border-color: rgba(103,231,174,.24); background: rgba(103,231,174,.055); font-family: var(--mono); font-size: 12px; font-weight: 900; }
.society-timeline-item.negative .timeline-chip.value { color: var(--negative); border-color: rgba(255,111,145,.25); background: rgba(255,111,145,.055); }
.timeline-chip.price { color: var(--cyan); border-color: rgba(87,221,210,.25); background: rgba(87,221,210,.055); font-family: var(--mono); font-size: 11px; font-weight: 800; }
.timeline-chip.asset { color: var(--cyan); border-color: rgba(87,221,210,.22); background: rgba(87,221,210,.045); font-family: var(--mono); font-weight: 800; }
.timeline-chip.shares { color: var(--purple); border-color: rgba(155,140,255,.25); background: rgba(155,140,255,.06); font-family: var(--mono); }
.timeline-chip.impact { color: var(--muted); }
.society-timeline-body > small { color: var(--muted); font-size: 10px; line-height: 1.5; }
.society-timeline-details { padding-top: 8px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 9px; }
.society-timeline-details summary { cursor: pointer; }
.society-timeline-details code { display: block; margin-top: 6px; color: var(--text); overflow-wrap: anywhere; line-height: 1.55; }
.society-fee-event-list { display: grid; gap: 7px; }
.society-fee-event-list > article { display: grid; grid-template-columns: minmax(220px,1fr) auto auto auto; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(9,11,16,.44); }
.society-fee-event-list article > div { display: grid; gap: 3px; }
.society-fee-event-list article > div small, .society-fee-event-list article > div span { color: var(--muted); font-size: 9px; }
.society-fee-event-list article > div b { font-size: 12px; }
.society-fee-event-list details { color: var(--muted); font-size: 9px; }
.society-fee-event-list details summary { cursor: pointer; }
.society-fee-event-list code { display: block; margin-top: 4px; color: var(--text); overflow-wrap: anywhere; }
.society-readiness { display: grid; gap: 8px; margin: 22px 0 12px; padding: 18px; border: 1px solid rgba(87,221,210,.2); border-radius: 15px; background: rgba(87,221,210,.035); }
.society-readiness article { display: grid; grid-template-columns: minmax(180px,1fr) repeat(3,auto); align-items: center; gap: 8px; padding-top: 9px; border-top: 1px solid var(--line-soft); }
.society-readiness article strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; }
.society-readiness article span { padding: 5px 7px; border-radius: 7px; font-family: var(--mono); font-size: 8px; }
.society-readiness article span.ok { color: var(--positive); background: rgba(103,231,174,.08); }
.society-readiness article span.pending { color: var(--warning); background: rgba(255,195,89,.08); }
.society-next-steps { margin: 22px 0 12px; border-color: rgba(103,231,174,.2); }
.society-next-steps h3 { margin: 5px 0 0; font-size: 18px; }
.society-member-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.society-member-card { padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: rgba(17,20,29,.76); }
.society-member-card header { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; padding-bottom: 15px; border-bottom: 1px solid var(--line-soft); }
.society-member-card header div { min-width: 0; display: grid; gap: 3px; }
.society-member-card header strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.society-member-card header small { color: var(--muted); font-size: 9px; }
.society-member-card header b { color: var(--positive); font-size: 18px; }
.society-member-card > div { display: flex; align-items: end; justify-content: space-between; gap: 12px; padding: 17px 0 10px; }
.society-member-card > div span, .society-member-card footer { color: var(--muted); font-size: 9px; }
.society-member-card > div strong { font-size: 19px; }
.society-event-panel { margin: 20px 0 36px; border: 1px solid rgba(151,128,255,.22); border-radius: 16px; background: rgba(151,128,255,.035); }
.society-event-panel > summary { padding: 17px 20px; color: #d7d1ff; cursor: pointer; font-weight: 700; list-style-position: inside; }
.society-event-panel > form { padding: 4px 20px 20px; }
.society-event-panel .form-span { grid-column: 1 / -1; }
.society-history-title, .society-members-title { margin-top: 32px; }
.society-event-list { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: rgba(13,16,23,.76); }
.society-event-list > article { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 13px; padding: 15px 17px; border-bottom: 1px solid var(--line-soft); }
.society-event-list > article:last-child { border-bottom: 0; }
.society-event-list article > div { display: grid; gap: 4px; }
.society-event-list article > div strong { font-size: 11px; }
.society-event-list article > div small, .society-event-list time { color: var(--muted); font-size: 9px; }
.society-event-list details { margin-top: 5px; color: var(--muted); font-size: 9px; }
.society-event-list details summary { cursor: pointer; }
.society-event-list details code { display: block; margin-top: 5px; overflow-wrap: anywhere; color: var(--text); }
.society-event-icon { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-family: var(--mono); }
.society-event-icon.contribution { color: var(--positive); border-color: rgba(103,231,174,.24); }
.society-event-icon.withdrawal { color: var(--negative); border-color: rgba(255,111,145,.24); }
.security-note { margin: 18px 0 0; color: var(--muted-2); font-size: 8px; text-align: center; }
.mfa-layout { width: min(1040px, 100%); min-height: 680px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, .8fr); overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--surface); box-shadow: 0 40px 120px rgba(0,0,0,.28); }
.mfa-copy { display: flex; flex-direction: column; justify-content: space-between; padding: 42px; background: radial-gradient(circle at 12% 78%, rgba(143,131,255,.13), transparent 23rem), linear-gradient(150deg, #121621, #0d1017); }
.mfa-copy h1 { max-width: 540px; margin: 10px 0 16px; font-size: clamp(38px, 4.6vw, 58px); font-weight: 540; letter-spacing: -.06em; }
.mfa-copy > div > p:last-child { max-width: 520px; color: var(--muted); font-size: 13px; }
.mfa-points { display: grid; gap: 12px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.mfa-points span { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 10px; }
.mfa-points strong { color: var(--cyan); font-family: var(--mono); }
.recovery-code-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 18px 0; }
.recovery-code-list code { padding: 12px; border: 1px solid var(--line); border-radius: 11px; color: var(--text); background: rgba(255,255,255,.035); font-family: var(--mono); font-size: 13px; text-align: center; letter-spacing: .08em; }
.mfa-panel { display: flex; flex-direction: column; justify-content: center; padding: 35px 42px; border-left: 1px solid var(--line); background: #10131b; }
.mfa-qr { width: min(220px, 68vw); aspect-ratio: 1; display: grid; place-items: center; align-self: center; margin: 0 0 17px; padding: 12px; border-radius: 17px; background: #fff; }
.mfa-qr img { width: 100%; height: 100%; display: block; }
.mfa-manual { margin-bottom: 18px; padding: 12px; border: 1px solid var(--line-soft); border-radius: 10px; }
.mfa-manual p, .mfa-manual small { display: block; margin: 9px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.mfa-manual code { display: block; overflow-wrap: anywhere; margin-top: 8px; color: #d7d3ff; font-size: 11px; line-height: 1.6; }
.mfa-code { text-align: center; font-family: var(--mono); font-size: 24px; font-weight: 800; letter-spacing: .25em; }
.mfa-back { margin-top: 18px; color: var(--muted); font-size: 9px; text-align: center; }

/* Legibility pass: keep the compact layout while avoiding sub-10px text. */
.brand-copy small,
.nav-label,
.nav-icon,
.node-state small,
.last-update span,
.live-chip,
.risk-state,
.protocol-card > div > span,
.privacy-chip,
.security-chip,
.status-pill,
.alert-card div > span,
.chain-badge,
.pool-pair small,
.pool-score span {
  font-size: 10px;
}

.node-state strong,
.last-update strong,
.mini-check,
.networth-stats span,
.risk-facts span,
.risk-primary span:first-child,
.risk-scale::before,
.risk-scale::after,
.liquidation-line,
.quick-metrics span,
.quick-metrics small,
.protocol-card footer span,
.exposure-list small,
.signal-ok small,
.discovery-teaser span,
.balance-breakdown span,
.health-details span,
.health-labels,
.metric-grid small,
.section-title > span,
.section-title > a,
.protocol-name small,
.protocol-meta span,
.protocol-amount small,
.table-head,
.table-row > div > small,
.asset-cell small,
.alert-card small,
.job-row strong,
.job-row small,
.job-row time,
.account-head span,
.hf-number small,
.account-values span,
.data-grid span,
.position-card footer,
.range-visual > div:first-child span,
.range-visual > small,
.event-head,
.event-row small,
.event-row time,
.event-row a,
.standalone-action small,
.gmail-test-result small,
.switch-line small,
.form-footnote,
.network-name small,
.automation-summary span,
.automation-summary small,
.simple-setting-card > div:first-of-type small,
.config-card-head small,
.pool-hero span,
.pool-facts span,
.pool-card footer,
.profile-card span,
.profile-card small,
.password-rules span,
.security-note {
  font-size: 10px;
}

.last-update strong { font-size: 12px; }
.live-chip { padding: 6px 10px; font-size: 10px; }
.networth-stats span, .risk-facts span { font-size: 11px; }

.overline,
.eyebrow,
.freshness,
.freshness a,
.health-reading span,
.metric-grid span,
.protocol-meta strong,
.table-row > div > strong,
.asset-cell strong,
.alert-card strong,
.empty-state span,
.back-link,
.protocol-total span,
.protocol-total small,
.account-values strong,
.data-grid strong,
.position-value span,
.info-banner strong,
.info-banner span,
.event-row strong,
.settings-nav a,
.settings-copy p:last-child,
.gmail-test-result strong,
label,
label small,
.switch-line strong,
.network-name strong,
summary,
.automation-summary div,
.config-card-head strong,
.pool-pair strong,
.pool-facts strong,
.profile-card strong,
.login-signals,
.login-panel-head p,
.form-error {
  font-size: 11px;
}

.card-topline,
.protocol-card p,
.balance-breakdown strong,
.health-details strong,
.protocol-name strong,
.protocol-amount strong,
.account-head strong,
.range-visual > div:first-child strong,
.settings-copy p:last-child,
textarea {
  font-size: 12px;
}

.networth-stats strong,
.risk-facts strong {
  font-size: 15px;
}

@media (max-width: 1250px) {
  .command-grid { grid-template-columns: minmax(0,1.15fr) minmax(350px,.85fr); }
  .networth-stats, .risk-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .networth-stats div:nth-child(2) { border-right: 0; }
  .protocol-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .holdings-grid { grid-template-columns: 1fr; }
  .discovery-layout { grid-template-columns: minmax(280px,.48fr) minmax(0,1.52fr); }
  .pool-grid { grid-template-columns: 1fr; }
  .overview-grid { grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr); }
  .dashboard-columns, .dashboard-columns.modern { grid-template-columns: 1fr; }
  .activity-column { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .activity-column > .section-title { grid-column: 1 / -1; margin-bottom: 0; }
  .job-card { margin-top: 0; }
  .protocol-row { grid-template-columns: auto minmax(180px, 1fr) minmax(90px, .4fr) minmax(120px, .55fr) auto; }
  .protocol-row .protocol-meta:nth-of-type(2) { display: none; }
  .network-row { grid-template-columns: minmax(150px,.7fr) minmax(180px,1.2fr) minmax(100px,.5fr) minmax(150px,.55fr) auto; }
  .network-row > .button { grid-column: 5; }
  .network-row > .switch-line { display: none; }
  .society-hero-grid { grid-template-columns: minmax(310px,1.35fr) repeat(2,minmax(150px,.65fr)); }
  .society-stat-card:last-child { grid-column: 2 / 4; min-height: 100px; }
}

@media (max-width: 980px) {
  .app-shell { display: block; }
  .sidebar { display: none; }
  .top-account-bar { display: none; }
  .workspace { min-height: 100vh; }
  .mobile-header { height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 22px; border-bottom: 1px solid var(--line); background: rgba(11,13,18,.92); backdrop-filter: blur(16px); }
  .brand.compact .brand-symbol { width: 30px; height: 30px; border-radius: 9px; font-size: 11px; }
  .brand.compact strong { font-size: 13px; }
  .mobile-header-actions { display: flex; align-items: center; gap: 8px; }
  .avatar { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); font-family: var(--mono); font-size: 9px; }
  .avatar.active { color: var(--text); border-color: rgba(151,128,255,.5); background: var(--accent-soft); }
  .mobile-account-menu summary {
    min-width: 0;
    display: grid;
    grid-template-columns: 31px;
    gap: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
  }
  .mobile-account-menu .account-avatar {
    width: 31px;
    height: 31px;
    border-radius: 50%;
  }
  .content { padding: 32px 22px 104px; }
  .mobile-nav { position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 20; display: grid; grid-template-columns: repeat(auto-fit, minmax(48px, 1fr)); padding: 7px 5px max(7px, env(safe-area-inset-bottom)); border: 1px solid var(--line); border-radius: 16px; background: rgba(17,20,29,.94); backdrop-filter: blur(18px); box-shadow: 0 16px 50px rgba(0,0,0,.45); }
  .mobile-nav a { display: grid; justify-items: center; gap: 2px; color: var(--muted); font-size: 9px; }
  .mobile-nav a span { width: 25px; height: 23px; display: grid; place-items: center; border-radius: 7px; font-family: var(--mono); font-size: 10px; }
  .mobile-nav a .mobile-icon img { width: 17px; height: 17px; object-fit: contain; }
  .mobile-nav a.active { color: var(--text); }
  .mobile-nav a.active span { color: #d4d0ff; background: var(--accent-soft); }
  .overview-grid { grid-template-columns: 1fr; }
  .command-grid { grid-template-columns: 1fr; }
  .dashboard-society-grid { grid-template-columns: 1fr; }
  .protocol-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .discovery-layout { grid-template-columns: 1fr; }
  .criteria-card { position: static; }
  .balance-card, .health-card { min-height: 0; }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .settings-section { grid-template-columns: 1fr; gap: 18px; }
  .settings-copy p:last-child { max-width: 620px; }
  .account-grid, .position-card-grid { grid-template-columns: 1fr; }
  .config-card-grid { grid-template-columns: 1fr; }
  .profile-layout { grid-template-columns: 1fr; }
  .password-panel { max-width: none; }
  .heir-action-grid { grid-template-columns: 1fr; }
  .futures-grid { grid-template-columns: 1fr; }
  .user-admin-layout { grid-template-columns: 1fr; }
  .audit-summary { grid-template-columns: 1fr 1fr; }
  .invite-panel { position: static; }
  .account-access-grid { grid-template-columns: 1fr; }
  .mfa-layout { grid-template-columns: 1fr; }
  .mfa-copy { min-height: 360px; }
  .mfa-panel { border-top: 1px solid var(--line); border-left: 0; }
  .society-opening-card { grid-template-columns: 1fr; }
  .society-hero-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .society-value-card { grid-column: 1 / -1; }
  .society-stat-card:last-child { grid-column: auto; min-height: 142px; }
  .society-module-grid { grid-template-columns: 1fr; }
  .society-resource-cards { grid-template-columns: 1fr; }
  .society-resource-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .society-member-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .society-proof-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .society-fee-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .society-aave-grid { grid-template-columns: 1fr; }
  .society-rule-banner { grid-template-columns: 1fr; gap: 8px; }
  .society-cutoff-banner { grid-template-columns: 1fr; align-items: start; }
  .society-cutoff-banner strong { text-align: left; }
  .transfer-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .telegram-recipient-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .jobs-launch-grid, .freshness-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  body { font-size: 14px; }
  .content { padding: 25px 14px 96px; }
  .module-state-grid, .permission-groups { grid-template-columns: 1fr; }
  .mobile-header { padding: 0 14px; }
  .page-header { display: grid; align-items: start; gap: 20px; margin-bottom: 24px; }
  .page-header h1 { font-size: 35px; }
  .dashboard-actions { width: 100%; justify-content: space-between; }
  .last-update { justify-items: start; }
  .sync-action { width: 100%; justify-content: space-between; }
  .sync-action .button { flex: 1; }
  .overview-grid { gap: 12px; }
  .command-grid { gap: 10px; }
  .networth-card, .risk-card { min-height: 0; padding: 18px; border-radius: 17px; }
  .networth-value { margin: 30px 0; font-size: clamp(52px,16vw,72px); }
  .networth-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .risk-primary strong { font-size: 48px; }
  .risk-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .quick-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 34px; }
  .capital-breakdown { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-block-controls { grid-template-columns: 1fr; }
  .dashboard-block-controls article { align-items: stretch; flex-direction: column; }
  .dashboard-block-controls .monitor-actions { justify-content: space-between; }
  .jobs-launch-grid, .freshness-grid { grid-template-columns: 1fr; }
  .jobs-subnav { position: sticky; top: 8px; z-index: 3; padding: 6px; border: 1px solid var(--line); border-radius: 16px; background: rgba(11,13,18,.88); backdrop-filter: blur(16px); }
  .protocol-card-grid { grid-template-columns: 1fr; }
  .holding-assets { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .protocol-card { min-height: 190px; }
  .pool-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .balance-card, .health-card { padding: 18px; border-radius: 15px; }
  .hero-value { margin: 24px 0; font-size: clamp(45px, 15vw, 66px); }
  .balance-breakdown { justify-content: space-between; gap: 14px; }
  .health-reading { margin-top: 25px; }
  .health-reading strong { font-size: 48px; }
  .metric-grid { gap: 8px; margin-bottom: 36px; }
  .metric-grid article { padding: 13px; }
  .metric-grid strong { font-size: 17px; }
  .section-block { margin-bottom: 36px; }
  .section-title > span { display: none; }
  .section-title > a { font-size: 10px; }
  .protocol-row { grid-template-columns: auto minmax(0, 1fr) auto; gap: 11px; padding: 14px; }
  .protocol-row .protocol-meta, .protocol-row .row-arrow { display: none; }
  .protocol-amount strong { font-size: 12px; }
  .protocol-name small { max-width: 190px; }
  .table-head { display: none; }
  .table-row { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 13px; }
  .table-row > div:nth-child(2), .table-row > div:nth-child(3) { display: none; }
  .monitored-table .table-row { grid-template-columns: minmax(0, 1fr) auto; }
  .monitored-table .table-row > div:nth-child(2), .monitored-table .table-row > div:nth-child(3), .monitored-table .table-row > div:nth-child(4) { display: none; }
  .monitor-actions { display: flex !important; }
  .activity-column { display: block; }
  .job-card { margin-top: 14px; }
  .protocol-header { display: grid; }
  .protocol-heading { align-items: flex-start; }
  .protocol-heading .protocol-logo.large { width: 46px; height: 46px; border-radius: 13px; }
  .protocol-total { min-width: 0; padding: 15px 0 0; border-top: 1px solid var(--line); border-left: 0; text-align: left; }
  .protocol-total strong { font-size: 28px; }
  .account-panel, .position-card { padding: 15px; }
  .account-values, .data-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-help-panel div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .data-grid > div:nth-child(2n) .info-hint p,
  .account-values > div:nth-child(2n) .info-hint p { left: auto; right: 0; transform: none; }
  .data-grid > div:nth-child(2n + 1) .info-hint p,
  .account-values > div:nth-child(2n + 1) .info-hint p { left: 0; transform: none; }
  .orders-grid { grid-template-columns: 1fr; }
  .event-head { display: none; }
  .holding-detail-card > header, .holding-detail-card > footer { align-items: flex-start; flex-direction: column; }
  .holding-detail-total { justify-items: start; }
  .holding-detail-head { display: none; }
  .holding-detail-row { grid-template-columns: minmax(0,1fr) auto; padding: 13px 15px; }
  .holding-detail-row > span { display: none; }
  .token-quarantine-panel,
  .token-policy-columns,
  .token-policy-summary { grid-template-columns: 1fr; }
  .token-quarantine-list article,
  .token-review-box article,
  .token-policy-columns article { grid-template-columns: 1fr; align-items: start; }
  .token-quarantine-list form,
  .token-review-box form,
  .token-policy-columns form { width: 100%; }
  .token-quarantine-list .button,
  .token-review-box .button,
  .token-policy-columns .button { width: 100%; }
  .wallet-activity-row { grid-template-columns: minmax(0,1fr) auto; }
  .wallet-activity-row > time, .wallet-activity-row > code { grid-column: 1 / -1; text-align: left; }
  .event-row { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 13px; }
  .event-row > div { grid-column: 1; }
  .event-row time { grid-column: 2; grid-row: 1; text-align: right; }
  .event-row > strong { grid-column: 1 / -1; padding-left: 36px; }
  .event-row a { grid-column: 2; grid-row: 3 / 5; }
  .info-banner { align-items: flex-start; flex-direction: column; }
  .access-facts { grid-template-columns: 1fr; }
  .settings-nav { margin-bottom: 25px; }
  .settings-section { padding: 30px 0; }
  .settings-panel { padding: 16px; }
  .form-grid { grid-template-columns: 1fr; }
  .wallet-head { grid-template-columns: 1fr auto; align-items: end; }
  .wallet-head > .button { grid-column: 1 / -1; }
  .network-row { grid-template-columns: 1fr; align-items: stretch; }
  .network-row > .switch-line { display: flex; }
  .network-row > .button { grid-column: auto; }
  .inline-form { grid-template-columns: 1fr; }
  .automation-summary { grid-template-columns: 1fr; }
  .simple-settings-grid { grid-template-columns: 1fr; }
  .telegram-permission-grid, .telegram-recipient-facts { grid-template-columns: 1fr; }
  .telegram-recipient-card > header, .telegram-recipient-actions { display: grid; align-items: stretch; }
  .telegram-recipient-actions form { align-items: stretch; flex-direction: column; }
  .position-liquidation-callout { grid-template-columns: 1fr; }
  .standalone-action { align-items: stretch; flex-direction: column; }
  .standalone-action .totp-confirmation { width: 100%; margin-left: 0; }
  .connection-tests form { width: 100%; align-items: stretch; flex-direction: column; }
  .credential-head { display: grid; }
  .exchange-head { display: none; }
  .exchange-table article { grid-template-columns: minmax(0,1fr) auto; }
  .exchange-table article > span { display: none; }
  .dashboard-actions { display: grid; gap: 12px; }
  .last-update { padding: 0 0 10px; border-right: 0; border-bottom: 1px solid var(--line-soft); }
  .home-shell { gap: 20px; }
  .home-nav { align-items: flex-start; }
  .home-hero { min-height: 0; grid-template-columns: 1fr; }
  .home-hero-copy { padding: 30px 24px 8px; }
  .home-hero-copy h1 { font-size: clamp(42px, 15vw, 58px); }
  .home-terminal { margin: 8px 14px 14px; }
  .home-terminal-grid, .home-feature-grid { grid-template-columns: 1fr; }
  .landing-shell { gap: 16px; padding-bottom: 18px; }
  .landing-nav { position: static; align-items: flex-start; }
  .landing-nav-actions { justify-content: flex-end; flex-wrap: wrap; }
  .landing-nav-actions > a:not(.button) { display: none; }
  .landing-hero { min-height: 0; grid-template-columns: 1fr; border-radius: 25px; }
  .landing-hero-copy { padding: 32px 24px 8px; }
  .landing-hero-copy h1 { font-size: clamp(42px, 14vw, 60px); }
  .landing-product-card { margin: 10px 14px 14px; }
  .landing-networth strong { font-size: 45px; }
  .landing-metric-grid,
  .landing-feature-grid,
  .landing-section,
  .landing-security-grid { grid-template-columns: 1fr; }
  .landing-section,
  .landing-security-grid,
  .landing-cta { border-radius: 22px; padding: 24px; }
  .landing-feature-grid article { min-height: 0; padding: 22px; }
  .landing-feature-grid h3 { margin-top: 22px; }
  .landing-footer { display: grid; }
  .landing-footer p { text-align: left; }
  .login-layout { min-height: 0; grid-template-columns: 1fr; }
  .login-intro { min-height: 340px; padding: 26px; }
  .login-intro h1 { font-size: 39px; }
  .login-signals { display: none; }
  .login-panel { padding: 27px 24px 30px; border-top: 1px solid var(--line); border-left: 0; }
  .mfa-layout { min-height: 0; }
  .mfa-copy { min-height: 330px; padding: 26px; }
  .mfa-copy h1 { font-size: 39px; }
  .mfa-points { display: none; }
  .mfa-panel { padding: 27px 24px 30px; }
  .access-membership-grid { grid-template-columns: 1fr; }
  .membership-card { grid-template-columns: 1fr; align-items: flex-start; }
  .trusted-device-card, .job-log-list article { grid-template-columns: 1fr; }
  .trusted-device-action { align-items: stretch; flex-direction: column; }
  .membership-card .wallet-avatar { display: none; }
  .invitation-row { grid-template-columns: 1fr; }
  .audit-summary { grid-template-columns: 1fr; }
  .audit-event { grid-template-columns: auto minmax(0,1fr); }
  .audit-event-meta { grid-column: 2; justify-items: start; }
  .resend-invitation { justify-self: stretch; }
  .resend-invitation form { width: 100%; }
  .invitation-accept-layout { min-height: 0; grid-template-columns: 1fr; }
  .invitation-accept-copy { min-height: 310px; padding: 26px; }
  .invitation-accept-copy h1 { font-size: 39px; }
  .invitation-accept-panel { padding: 27px 24px 30px; border-top: 1px solid var(--line); border-left: 0; }
  .guest-shell { align-items: start; padding: 14px; }
  .society-opening-card { padding: 19px; }
  .society-hero-grid { grid-template-columns: 1fr 1fr; }
  .society-stat-card { min-height: 120px; padding: 16px; }
  .society-member-grid { grid-template-columns: 1fr; }
  .society-scope-picker, .society-proof-grid, .society-fee-summary, .society-fee-assets, .transfer-candidate-grid, .society-resource-list, .society-allocation-strip, .society-performance-strip { grid-template-columns: 1fr; }
  .transfer-filter-grid, .timeline-filter-grid { grid-template-columns: 1fr; }
  .transfer-filter-actions, .transfer-bulk-actions, .transfer-bulk-ignore-form, .timeline-filter-actions { align-items: stretch; flex-direction: column; }
  .transfer-filter-actions .button, .transfer-filter-actions a, .transfer-bulk-actions .button, .transfer-bulk-ignore-form .button, .timeline-filter-actions .quiet-button { width: 100%; justify-content: center; }
  .society-module-tabs { gap: 6px; }
  .society-module-tabs a { flex: 1 1 calc(50% - 6px); justify-content: center; padding: 0 8px; }
  .society-mini-members > div { grid-template-columns: auto minmax(0,1fr) auto; }
  .society-mini-members small { grid-column: 2 / 4; }
  .society-readiness article { grid-template-columns: 1fr 1fr; }
  .society-readiness article strong { grid-column: 1 / -1; }
  .society-timeline-day > summary { grid-template-columns: auto minmax(0,1fr); align-items: start; }
  .timeline-day-summary, .society-timeline-day > summary b, .society-timeline-day > summary strong, .society-timeline-day > summary small { grid-column: 2; justify-self: start; }
  .timeline-day-summary { white-space: normal; }
  .society-timeline-day[open] .society-timeline-list { padding: 0 10px 12px; }
  .society-timeline-list::before { left: 25px; }
  .society-timeline-body > header { display: grid; }
  .society-timeline-body time { justify-self: start; }
  .society-fee-event-list > article { grid-template-columns: 1fr 1fr; }
  .society-fee-event-list > article > div:first-child, .society-fee-event-list > article > details { grid-column: 1 / -1; }
  .aave-classification-form { grid-template-columns: 1fr; }
  .society-event-list > article { grid-template-columns: auto minmax(0,1fr) auto; }
  .society-event-list time { grid-column: 2 / 4; }
  .society-event-panel .form-span { grid-column: auto; }
}

@media (max-width: 430px) {
  .mini-check { display: none; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .balance-breakdown { display: grid; grid-template-columns: repeat(3, 1fr); }
  .networth-value { font-size: 49px; }
  .networth-stats { gap: 16px 8px; }
  .networth-stats div { border-right: 0; }
  .risk-primary { display: grid; }
  .risk-state { width: max-content; }
  .quick-metrics article { padding: 12px; }
  .metric-help-panel div { grid-template-columns: 1fr; }
  .quick-metrics strong { font-size: 17px; }
  .capital-breakdown article { padding: 12px; }
  .capital-breakdown strong { font-size: 18px; }
  .job-card > header { align-items: flex-start; }
  .job-progress > div:first-child { display: grid; }
  .job-targets > div { grid-template-columns: 1fr auto; }
  .pool-hero { grid-template-columns: 1fr; }
  .balance-breakdown strong { font-size: 12px; }
  .health-details { grid-template-columns: 1fr 1fr 1fr; }
  .protocol-name small { max-width: 135px; }
  .position-value { display: grid; gap: 5px; }
  .position-value strong { font-size: 18px; }
  .wallet-title { align-items: flex-end; }
  .wallet-avatar { display: none; }
  .login-intro { min-height: 300px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}