:root {
  --ink: #091633;
  --muted: #64718b;
  --line: #dfe5ee;
  --canvas: #f4f6fb;
  --panel: #fff;
  --blue: #1768e5;
  --blue-dark: #0e4fae;
  --green: #0a9b6c;
  --orange: #c66a0a;
  --red: #c43c4d;
  --violet: #7655e7;
  --shadow: 0 18px 50px rgba(9, 22, 51, .07);
}

* { box-sizing: border-box; }
html { min-width: 320px; }
body { margin: 0; color: var(--ink); background: radial-gradient(circle at 88% 0, #e7edff 0, transparent 28%), var(--canvas); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid rgba(23, 104, 229, .28); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

.app-shell { width: min(1440px, 100%); margin: 0 auto; padding: 0 32px 48px; }
.dashboard-shell { width: min(1500px, 100%); }
.topbar { min-height: 78px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 850; letter-spacing: -.02em; }
.brand small { display: block; color: var(--muted); font-size: 11px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; margin-top: 2px; }
.brand-mark { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; color: #fff; background: linear-gradient(145deg, #2478f3, #0c428f); font-weight: 900; letter-spacing: -.06em; box-shadow: 0 12px 24px rgba(23, 104, 229, .2); }
.brand-mark.small { width: 40px; height: 40px; border-radius: 12px; font-size: 14px; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.top-actions form { margin: 0; }
.connection-pill { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.72); font-size: 11px; font-weight: 800; }
.connection-pill i, .sync-status i { width: 7px; height: 7px; border-radius: 50%; background: #a7afbd; }
.connection-pill.online i, .sync-status.live i { background: #24c48e; box-shadow: 0 0 0 4px rgba(36,196,142,.13); }
.connection-pill.setup i, .sync-status.unconfigured i { background: #e5a237; }

.portfolio-hero { min-height: 330px; margin: 28px 0 18px; padding: clamp(30px, 5vw, 58px); display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); align-items: center; gap: clamp(32px, 7vw, 90px); position: relative; overflow: hidden; color: #fff; border-radius: 28px; background: radial-gradient(circle at 78% 28%, rgba(95,120,255,.34), transparent 28%), linear-gradient(120deg, #08172f 0%, #102957 58%, #183b76 100%); box-shadow: 0 25px 70px rgba(8,23,47,.18); }
.portfolio-hero::after { content: ""; position: absolute; width: 360px; height: 360px; right: -150px; bottom: -260px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; box-shadow: 0 0 0 42px rgba(255,255,255,.025), 0 0 0 84px rgba(255,255,255,.018); pointer-events: none; }
.hero-copy { position: relative; z-index: 1; }
.hero-copy h1 { margin: 10px 0 16px; font-size: clamp(42px, 5.4vw, 70px); line-height: .94; letter-spacing: -.065em; }
.hero-copy h1 em { color: #86b8ff; font-style: normal; }
.hero-copy > p { max-width: 610px; margin: 0; color: #bdcbe3; font-size: 15px; line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 27px; }
.button.light { color: #0c1d3a; background: #fff; box-shadow: 0 10px 28px rgba(0,0,0,.18); }
.button.glass { color: #fff; border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.08); }
.hero-balance-card { min-height: 212px; padding: 25px; position: relative; z-index: 1; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.16); border-radius: 21px; background: rgba(5,17,40,.38); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(14px); }
.hero-balance-card > span { color: #b9c8df; font-size: 12px; font-weight: 750; }
.chain-total-list { display: grid; gap: 7px; margin: 17px 0 auto; }
.chain-total-list > div { display: flex; align-items: baseline; gap: 9px; }
.chain-total-list strong, .hero-empty { display: block; margin: 14px 0 4px; color: #fff; font-size: clamp(27px, 3vw, 39px); letter-spacing: -.045em; }
.chain-total-list small { color: #96b5e4; font-size: 13px; font-weight: 800; }
.hero-balance-card > small { color: #96a8c3; }
.hero-meta { margin-top: auto; padding-top: 17px; display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid rgba(255,255,255,.12); color: #9fb0c9; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.hero-meta span { display: inline-flex; align-items: center; gap: 6px; }
.pulse-dot { width: 6px; height: 6px; border-radius: 50%; background: #4bd5a4; box-shadow: 0 0 0 4px rgba(75,213,164,.12); }

.page-heading, .detail-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 44px 0 26px; }
.page-heading h1, .detail-hero h1 { margin: 5px 0 6px; font-size: clamp(30px, 4vw, 44px); letter-spacing: -.045em; line-height: 1.05; }
.page-heading p, .detail-hero p { margin: 0; color: var(--muted); }
.eyebrow { color: var(--blue); font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow.light { color: #a9ccff; }

.button { min-height: 42px; border: 1px solid transparent; border-radius: 10px; padding: 10px 16px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; cursor: pointer; font-weight: 750; transition: transform .15s ease, background .15s ease, border-color .15s ease; }
.button.is-loading { cursor: wait; }
.button-spinner { width: 15px; height: 15px; flex: none; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: button-spin .72s linear infinite; }
@keyframes button-spin { to { transform: rotate(360deg); } }
.button:hover { transform: translateY(-1px); }
.button.primary { color: #fff; background: var(--blue); box-shadow: 0 9px 20px rgba(23, 104, 229, .18); }
.button.primary:hover { background: var(--blue-dark); }
.button.dark { color: #fff; background: var(--ink); }
.button.ghost { color: #34415d; background: #fff; border-color: var(--line); }
.button.compact { min-height: 36px; padding: 7px 12px; font-size: 13px; }
.button.full { width: 100%; }
.button[disabled] { cursor: wait; opacity: .65; transform: none; }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.metric-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.metric-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.metric, .panel { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); }
.metric { min-height: 148px; padding: 23px; position: relative; overflow: hidden; }
.metric::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #b5c0d2; }
.metric.accent::before { background: var(--blue); }
.metric.success::before { background: var(--green); }
.metric.warning::before { background: var(--orange); }
.metric span { color: var(--muted); font-size: 13px; font-weight: 700; }
.metric strong { display: block; margin: 15px 0 8px; font-size: clamp(24px, 3vw, 32px); letter-spacing: -.035em; }
.metric small { color: var(--muted); }
.settlement-cell { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 112px; }
.badge.pending-live { display: inline-flex; align-items: center; gap: 5px; }
.badge.pending-live i { width: 7px; height: 7px; border: 1px solid #ffd178; border-top-color: transparent; border-radius: 50%; animation: settlement-spin .8s linear infinite; }
.settlement-dialog { width: min(560px, calc(100vw - 28px)); padding: 0; color: #00f26a; border: 1px solid #00a94d; border-radius: 8px; background: #010603; box-shadow: 0 24px 90px rgba(0,0,0,.85), 0 0 32px rgba(0,242,106,.12); }
.settlement-dialog::backdrop { background: rgba(0,0,0,.82); backdrop-filter: blur(5px); }
.settlement-dialog-head { min-height: 50px; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #006f32; background: #021008; }
.settlement-dialog-head > span { display: flex; align-items: center; gap: 10px; font-size: 11px; letter-spacing: .1em; }
.settlement-dialog-head i { width: 28px; height: 28px; display: grid; place-items: center; color: #001b0c; border-radius: 6px; background: #00f26a; font-style: normal; }
.settlement-dialog-head button { width: 30px; height: 30px; color: #00f26a; border: 1px solid #006f32; border-radius: 50%; background: transparent; font: inherit; cursor: pointer; }
.settlement-dialog-body { padding: 20px; }
.settlement-dialog-body > p { margin: 0 0 16px; color: var(--muted); font-size: 11px; }
.settlement-dialog-amount { margin-bottom: 10px; padding: 14px 16px; display: grid; gap: 8px; color: #7bffb5; border: 1px solid #007c39; border-radius: 6px; background: #001d0d; font-size: 10px; font-weight: 800; }
.settlement-dialog-amount > span:last-child { display: flex; align-items: center; gap: 10px; }
.settlement-dialog-amount input { min-width: 0; width: 100%; padding: 0; color: #00f26a; border: 0; background: transparent; font-family: inherit; font-size: 27px; font-weight: 800; line-height: 1.2; }
.settlement-dialog-amount input:focus { outline: 0; box-shadow: none; }
.settlement-dialog-amount input:disabled { opacity: .8; }
.settlement-dialog-amount b { font-size: 13px; }
.settlement-amount-warning { display: block; margin: -2px 0 10px; padding: 8px 10px; color: #ff7890; border: 1px solid #7d2031; border-radius: 4px; background: #21070d; font-size: 10px; }
.settlement-amount-warning[hidden] { display: none; }
.settlement-limits { margin-bottom: 18px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.settlement-limits > span { padding: 8px; color: var(--muted); border: 1px solid #004c23; border-radius: 4px; font-size: 9px; }
.settlement-limits strong, .settlement-limits b { display: block; margin-top: 4px; color: #00f26a; overflow-wrap: anywhere; }
.settlement-dialog dl { margin: 0; display: grid; gap: 0; border-top: 1px solid #005b2a; }
.settlement-dialog dl > div { padding: 9px 0; display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; border-bottom: 1px solid #003c1c; }
.settlement-dialog dt { color: var(--muted); font-size: 10px; }
.settlement-dialog dd { margin: 0; overflow-wrap: anywhere; font-size: 10px; font-weight: 800; }
.settlement-payment-panel { margin-top: 16px; padding: 12px; border: 1px solid #79621b; border-radius: 5px; background: #181405; }
.settlement-payment-panel[hidden] { display: none; }
.settlement-payment-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; color: #ffe16f; }
.settlement-payment-head span { display: grid; gap: 4px; }
.settlement-payment-head strong { font-size: 10px; letter-spacing: .06em; }
.settlement-payment-head small, .settlement-payment-head em { color: #d6b94d; font-size: 8px; font-style: normal; }
.settlement-qr-grid { margin-top: 11px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.settlement-qr-grid[hidden], .settlement-payment-head em[hidden] { display: none; }
.settlement-qr-grid article { min-width: 0; padding: 10px; display: grid; justify-items: center; gap: 8px; text-align: center; border: 1px solid #665317; border-radius: 4px; background: #080a04; }
.settlement-qr-grid article > strong { color: #ffe16f; font-size: 9px; overflow-wrap: anywhere; }
.settlement-qr-grid img { width: min(180px, 100%); aspect-ratio: 1; object-fit: contain; padding: 6px; background: #fff; }
.settlement-qr-grid span { color: #b49b42; font-size: 9px; }
.settlement-qr-grid code { width: 100%; max-height: 48px; padding: 6px; overflow: auto; color: #e8cd61; border: 1px dashed #665317; font-size: 8px; overflow-wrap: anywhere; white-space: normal; }
.settlement-qr-grid-single { grid-template-columns: minmax(0, 1fr); }
.settlement-qr-grid-single article { max-width: 280px; width: 100%; margin: 0 auto; }
.settlement-qr-grid-single article > b { color: #fff0a5; font-size: 13px; }
.settlement-payment-panel > p { margin: 10px 0 0; color: #d6b94d; font-size: 9px; overflow-wrap: anywhere; }
.settlement-payment-confirm { margin-top: 12px; padding: 12px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; border: 1px solid #007c39; border-radius: 5px; background: #00190b; }
.settlement-payment-confirm[hidden] { display: none; }
.settlement-payment-confirm label { display: grid; gap: 6px; color: #7bffb5; font-size: 9px; }
.settlement-payment-confirm input { width: 100%; min-width: 0; padding: 10px; color: #00f26a; border: 1px solid #006f32; background: #010603; font: inherit; }
.settlement-payment-confirm .button { white-space: nowrap; }
.settlement-request-loader { margin-top: 16px; padding: 13px; display: flex; align-items: center; gap: 12px; color: #8cffbd; border: 1px solid #007c39; border-radius: 5px; background: #00190b; }
.settlement-request-loader[hidden] { display: none; }
.settlement-request-loader > span:last-child { display: grid; gap: 3px; }
.settlement-request-loader strong { font-size: 11px; letter-spacing: .05em; }
.settlement-request-loader small { color: var(--muted); font-size: 9px; }
.settlement-request-spinner { width: 34px; height: 34px; position: relative; flex: none; }
.settlement-request-spinner i { position: absolute; inset: 0; border: 2px solid transparent; border-top-color: #00f26a; border-radius: 50%; animation: settlement-spin 1s linear infinite; }
.settlement-request-spinner i:nth-child(2) { inset: 6px; border-top-color: #71ffb0; animation-duration: .7s; animation-direction: reverse; }
.settlement-request-spinner i:nth-child(3) { inset: 13px; border: 0; background: #00f26a; box-shadow: 0 0 12px #00f26a; animation: settlement-pulse .8s ease-in-out infinite alternate; }
.settlement-dialog.is-sending .settlement-dialog-amount, .settlement-dialog.is-sending .settlement-limits, .settlement-dialog.is-sending dl { opacity: .52; pointer-events: none; }
.settlement-dialog.is-waiting .settlement-request-spinner i { animation-play-state: running; }
.settlement-dialog.is-sending .settlement-dialog-actions .ghost { opacity: .45; }
.settlement-dialog-head button:disabled { cursor: wait; opacity: .45; }
@keyframes settlement-spin { to { transform: rotate(360deg); } }
@keyframes settlement-pulse { to { transform: scale(.55); opacity: .45; } }
.settlement-dialog-actions { margin-top: 18px; display: flex; justify-content: flex-end; gap: 10px; }
@media (max-width: 560px) { .settlement-limits, .settlement-qr-grid, .settlement-payment-confirm { grid-template-columns: 1fr; } }

.settlement-button { appearance: none; border: 1px solid #00ff70; border-radius: 7px; padding: 10px 14px; color: #001006; background: #00ff70; font: inherit; font-weight: 900; cursor: pointer; box-shadow: 0 0 18px rgba(0,255,112,.15); }
.settlement-button:hover { background: #62ffa7; }
.settlement-button:disabled { cursor: not-allowed; opacity: .42; background: #00ff70; box-shadow: none; }
.approval-state { font-size: 10px; }
.approval-state.danger { color: #ff7e90; }
.metric.clean { min-height: 120px; padding: 20px; display: flex; align-items: center; gap: 15px; }
.metric.clean::before { display: none; }
.metric.clean div { min-width: 0; }
.metric.clean small { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.metric.clean strong { margin: 5px 0 1px; overflow: hidden; text-overflow: ellipsis; font-size: clamp(24px, 2.4vw, 31px); }
.metric.clean p { margin: 0; color: var(--muted); font-size: 11px; }
.metric-icon { flex: none; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; font-size: 19px; font-weight: 900; }
.metric-icon.blue { color: #1965d8; background: #e9f1ff; }
.metric-icon.violet { color: #6846db; background: #f0ebff; }
.metric-icon.green { color: #08855d; background: #e3f8f0; }
.metric-icon.amber { color: #ad6508; background: #fff1d9; }
.chain-metric::before { background: var(--violet); }
.metric-refresh { display: inline-block; margin-top: 10px; color: var(--blue); font-size: 11px; font-weight: 800; }

.panel { margin: 18px 0; padding: 22px; overflow: hidden; }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.create-panel-actions { justify-content: flex-end; }
.panel-heading h2 { margin: 4px 0 0; font-size: 20px; letter-spacing: -.025em; }
.panel-description { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.result-count { flex: none; color: var(--muted); padding: 7px 10px; border-radius: 999px; background: var(--canvas); font-size: 12px; font-weight: 750; }
.icon-button { width: 36px; height: 36px; border: 0; border-radius: 50%; cursor: pointer; color: var(--muted); background: var(--canvas); font-size: 24px; }

.form-grid { display: grid; grid-template-columns: 1.1fr 1.1fr 1.5fr .7fr 1fr auto; align-items: end; gap: 12px; }
.filter-bar { display: grid; grid-template-columns: minmax(220px, 1.8fr) repeat(3, minmax(130px, .8fr)) auto auto; gap: 10px; margin-bottom: 18px; }
.filter-bar.compact-filters { grid-template-columns: minmax(180px, 260px) auto auto; justify-content: start; }
label { display: grid; gap: 7px; color: #45516b; font-size: 12px; font-weight: 750; }
input, select { min-height: 42px; width: 100%; border: 1px solid #ccd5e2; border-radius: 10px; padding: 9px 11px; color: var(--ink); background: #fff; }
input::placeholder { color: #929cb0; }
.search-field input { padding-left: 14px; }
.form-hint { margin: 14px 0 0; color: var(--muted); font-size: 11px; }
.ledger-onboard { margin: 0 0 18px; padding: 14px; display: grid; grid-template-columns: 1fr 130px auto; align-items: end; gap: 11px; border: 1px solid #dbe6f7; border-radius: 13px; background: #f5f9ff; }
.ledger-onboard strong, .ledger-onboard small { display: block; }
.ledger-onboard small { margin-top: 5px; color: var(--muted); font-size: 11px; }
.ledger-onboard .ledger-help { margin-top: 8px; color: #506887; }
.ledger-onboard > span { grid-column: 1 / -1; color: var(--muted); font-size: 11px; }
.ledger-onboard > span:empty { display: none; }
.ledger-onboard > span[data-tone="pending"] { color: #9a650b; }
.ledger-onboard > span[data-tone="pending"]::before { content: ""; width: 8px; height: 8px; display: inline-block; margin-right: 7px; border-radius: 50%; background: currentColor; animation: status-pulse 1.15s ease-in-out infinite; }
.ledger-onboard > span[data-tone="success"] { color: #087654; }
.ledger-onboard > span[data-tone="error"] { color: #a33343; }
.ledger-waiting { grid-column: 1 / -1; min-height: 58px; padding: 10px 13px; display: flex; align-items: center; gap: 12px; border: 1px solid #cdddf4; border-radius: 11px; color: #173c73; background: #fff; box-shadow: 0 8px 22px rgba(27,76,145,.08); }
.ledger-waiting[hidden] { display: none; }
.ledger-waiting strong, .ledger-waiting small { display: block; }
.ledger-waiting small { margin-top: 3px; color: var(--muted); }
.ledger-device-loader { position: relative; width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; }
.ledger-device-loader::before { content: ""; position: absolute; inset: 0; border: 2px solid #d5e3f7; border-top-color: #176be5; border-radius: 50%; animation: ledger-loader-spin .9s linear infinite; }
.ledger-device-loader::after { content: ""; width: 13px; height: 22px; border: 2px solid #173c73; border-radius: 4px; background: #eef5ff; animation: ledger-device-pulse 1.25s ease-in-out infinite; }
.ledger-device-loader i { position: absolute; width: 3px; height: 3px; top: 17px; border-radius: 50%; background: #176be5; opacity: 0; animation: ledger-dot 1.2s ease-in-out infinite; }
.ledger-device-loader i:nth-child(1) { left: 5px; animation-delay: 0s; }
.ledger-device-loader i:nth-child(2) { left: 1px; animation-delay: .2s; }
.ledger-device-loader i:nth-child(3) { right: 1px; animation-delay: .4s; }
@keyframes ledger-loader-spin { to { transform: rotate(360deg); } }
@keyframes ledger-device-pulse { 0%,100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes ledger-dot { 0%,55%,100% { opacity: 0; transform: scale(.6); } 25% { opacity: 1; transform: scale(1); } }
.setup-alert { color: #59440f; border-color: #e8d391; background: #fff9df; }
.setup-alert code { color: #59440f; font-weight: 800; }

.table-wrap { overflow-x: auto; margin: 0 -22px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 14px 13px; text-align: left; border-bottom: 1px solid #edf0f4; font-size: 13px; vertical-align: middle; }
th:first-child, td:first-child { padding-left: 22px; }
th:last-child, td:last-child { padding-right: 22px; }
th { color: #6e7890; background: #f9fafc; font-size: 10px; letter-spacing: .09em; text-transform: uppercase; white-space: nowrap; }
td small { display: block; margin-top: 5px; color: var(--muted); }
tbody tr { transition: background .14s ease; }
tbody tr:hover { background: #fafcff; }
.wallet-link { color: var(--blue); font-weight: 800; }
.wallet-link:hover { text-decoration: underline; }
.wallet-panel { padding-top: 26px; }
.directory-heading { align-items: flex-start; }
.wallet-table-wrap { border-top: 1px solid #edf0f4; }
.wallet-table th, .wallet-table td { padding-top: 17px; padding-bottom: 17px; }
.wallet-identity { display: flex; align-items: center; gap: 12px; min-width: 260px; }
.wallet-identity > span:last-child { min-width: 0; }
.asset-avatar { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(145deg, #2174ee, #694fde); font-weight: 900; box-shadow: 0 7px 16px rgba(42,92,205,.18); }
.address-short { display: block; max-width: 310px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; color: #778298; white-space: nowrap; }
.client-name { display: block; margin-top: 3px; color: #9aa3b3; font-size: 10px; }
.onchain-amount strong { color: #4c35a8; }
.native-balance { display: block; margin-top: 8px; padding-top: 8px; border-top: 1px dashed currentColor; }
.native-balance strong, .native-balance small { display: block; }
.review-balance { display: block; margin-top: 8px; padding-top: 8px; color: #ffd24a; border-top: 1px dashed #7d681d; }
.review-balance strong, .review-balance small { display: block; }
.frozen-funds-notice { margin: 12px; padding: 12px; color: #ff7784; border: 1px solid #7a1824; background: #24050a; font-size: 10px; letter-spacing: .04em; }
.frozen-funds-panel .event-amount.danger { color: #ff6675; }
.frozen-funds-panel td small { display: block; margin-top: 4px; }
.settlement-status-grid { padding: 14px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; border-bottom: 1px dashed #006f32; }
.settlement-status-grid > article, .settlement-status-grid > button, .settlement-status-grid > a { min-height: 92px; padding: 13px; display: grid; align-content: space-between; gap: 7px; border: 1px solid #006f32; background: #001308; color: inherit; font: inherit; text-align: left; text-decoration: none; }
.settlement-status-grid > button, .settlement-status-grid > a { cursor: pointer; }
.settlement-status-grid > button:hover, .settlement-status-grid > button.is-active, .settlement-status-grid > a:hover { outline: 1px solid #00ff70; box-shadow: 0 0 16px rgba(0,255,112,.18); }
.settlement-status-grid span { font-size: 10px; font-weight: 900; letter-spacing: .06em; }
.settlement-status-grid strong { color: #00ff70; font-size: 26px; line-height: 1; }
.settlement-status-grid small { color: #009f48; font-size: 8px; }
.settlement-status-grid .status-approved { border-color: #00bd54; }
.settlement-status-grid .status-rejected, .settlement-status-grid .status-declined { border-color: #7a1824; background: #190306; }
.settlement-status-grid .status-rejected strong, .settlement-status-grid .status-declined strong { color: #ff6675; }
.settlement-status-grid .status-review, .settlement-status-grid .status-pending, .settlement-status-grid .status-payment { border-color: #6d5b00; background: #151200; }
.settlement-status-grid .status-review strong, .settlement-status-grid .status-pending strong, .settlement-status-grid .status-payment strong { color: #ffd84d; }
.review-policy-grid > button, .review-policy-grid > a { min-height: 84px; display: flex; align-items: center; justify-content: center; padding: 16px; text-align: center; }
.review-policy-grid span, .review-policy-grid strong { font-size: 17px; line-height: 1.15; letter-spacing: .08em; }
.review-policy-grid .status-rejected span, .review-policy-grid .status-declined span { color: #ff6675; }
.review-policy-grid .status-review span { color: #ffd84d; }
@media (max-width: 780px) { .settlement-status-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .settlement-status-grid { grid-template-columns: 1fr; } }
.review-filter-status { padding: 9px 14px; color: #00b851; border-bottom: 1px dashed #005e2a; font-size: 8px; letter-spacing: .04em; }
.payment-status-filters { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.payment-status-filters button, .settlement-filter-status button { padding: 6px 8px; color: #ffd84d; border: 1px solid #6d5b00; background: #080700; font: inherit; font-size: 8px; font-weight: 900; cursor: pointer; }
.payment-status-filters button:hover, .payment-status-filters button.is-active, .settlement-filter-status button:hover { color: #001006; background: #ffd84d; }
.settlement-filter-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sync-status { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 999px; color: #5e687a; background: #f0f2f6; font-size: 10px; font-weight: 800; white-space: nowrap; }
.sync-status.live { color: #087654; background: #e3f8f0; }
.sync-status.unconfigured { color: #93600e; background: #fff2db; }
.sync-status.error { color: #a33343; background: #fde9ec; }
.row-actions { display: flex; justify-content: flex-end; gap: 7px; }
.row-actions form { margin: 0; }
.transfer-row-button { min-height: 30px; display: inline-flex; align-items: center; padding: 0 11px; border: 1px solid var(--green); border-radius: 6px; color: #001a09; background: var(--green); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.transfer-row-button:hover { color: var(--green); background: transparent; }
.swap-row-button { min-height: 30px; display: inline-flex; align-items: center; padding: 0 11px; border: 1px solid var(--green); border-radius: 6px; color: var(--green); background: transparent; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.swap-row-button:hover { color: #001a09; background: var(--green); }
.copy-icon { width: 30px; height: 30px; border: 0; border-radius: 50%; color: #68738a; background: #f0f3f8; cursor: pointer; }
.delete-icon { width: 30px; height: 30px; border: 0; border-radius: 50%; color: #a92f40; background: #fde9ec; cursor: pointer; font-size: 19px; line-height: 1; }
.delete-icon:hover { color: #fff; background: #c53b50; }
.delete-icon.is-loading { opacity: .55; cursor: wait; }
.network-name { display: flex; align-items: center; gap: 11px; }
.network-name > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: #285ca9; background: #edf4ff; font-size: 10px; font-style: normal; font-weight: 900; }
.dashboard-bottom { margin-top: 18px; }
.copy-link { border: 0; padding: 0; margin-top: 5px; color: var(--blue); background: transparent; cursor: pointer; font-size: 11px; font-weight: 750; }
.row-arrow { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: var(--blue); background: #edf4ff; font-weight: 850; }
.amount { font-variant-numeric: tabular-nums; white-space: nowrap; font-weight: 700; }
.signed.credit { color: var(--green); }
.signed.debit { color: var(--red); }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: #39445d; font-size: 12px; }

.badge { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 5px 9px; font-size: 10px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.badge.large { padding: 8px 13px; font-size: 11px; }
.badge.success, .activity-icon.success { color: #087a56; background: #ddf8ed; }
.badge.warning, .activity-icon.warning { color: #a35706; background: #fff0d6; }
.badge.danger, .activity-icon.danger { color: #a92f40; background: #fde4e8; }
.badge.info, .activity-icon.info { color: #1658a9; background: #e4efff; }
.badge.muted, .activity-icon.muted { color: #616d84; background: #e9edf3; }

.pagination { min-height: 62px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 12px; }
.pagination > div { display: flex; gap: 8px; }
.empty-state { padding: 38px 22px; text-align: center; color: var(--muted); }
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.content-grid .panel { margin: 0; }
.network-list > div, .activity-list > div { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 0; border-top: 1px solid #edf0f4; }
.network-list > div:first-child, .activity-list > div:first-child { border-top: 0; }
.network-list span:last-child { text-align: right; }
.network-list small, .activity-list small { display: block; color: var(--muted); margin-top: 4px; font-size: 11px; }
.activity-list > div > span:nth-child(2) { min-width: 0; flex: 1; }
.activity-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.activity-icon { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; font-weight: 900; }

.alert { margin: 0 0 18px; padding: 13px 15px; border: 1px solid; border-radius: 11px; line-height: 1.45; font-size: 13px; }
.alert.success { color: #086847; border-color: #aee8d2; background: #e9fbf5; }
.alert.warning { color: #864603; border-color: #f2d29c; background: #fff7e9; }
.alert.danger { color: #94293a; border-color: #efbac2; background: #fff0f2; }
.address-line { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.address-line h1 { word-break: break-all; }
.address-line .copy-link { margin: 0; }
.detail-hero { align-items: center; }
.ledger-transfer-panel { padding: 0; border: 0; color: #fff; background: linear-gradient(135deg, #0b1932, #132d58); box-shadow: 0 22px 55px rgba(7,20,43,.2); }
.swap-panel { scroll-margin-top: 18px; }
.swap-grid { display: grid; grid-template-columns: 1fr auto 1fr 1fr auto; align-items: end; gap: 12px; }
.swap-direction { padding-bottom: 13px; color: var(--green); font-size: 22px; font-weight: 900; }
.swap-notice { margin: 16px 0 0; }
.ledger-transfer-intro { padding: 25px 27px 22px; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgba(255,255,255,.1); }
.ledger-transfer-intro h2 { margin: 5px 0 7px; font-size: 23px; letter-spacing: -.03em; }
.ledger-transfer-intro p { margin: 0; color: #aebdd4; font-size: 13px; }
.security-chip { padding: 7px 10px; border: 1px solid rgba(77,219,167,.25); border-radius: 999px; color: #83e4c1; background: rgba(25,150,106,.12); font-size: 10px; font-weight: 800; white-space: nowrap; }
.ledger-connect-row { padding: 22px 27px 12px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.device-visual { display: flex; align-items: center; gap: 12px; }
.device-visual > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: #b5ceff; background: rgba(255,255,255,.08); font-size: 22px; }
.device-visual small { display: block; margin-top: 4px; color: #91a3bf; font-size: 11px; }
.ledger-connect-actions { display: flex; align-items: flex-end; gap: 9px; }
.ledger-connect-actions label { color: #9fb0c9; font-size: 10px; }
.ledger-connect-actions select { min-width: 112px; border-color: rgba(255,255,255,.16); color: #fff; background: #172d50; }
.ledger-status { margin: 0 27px 18px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #adbad0; background: rgba(1,8,22,.25); font-size: 12px; }
.ledger-status[data-tone="pending"] { color: #ffe0a4; border-color: rgba(245,181,65,.25); }
.ledger-status[data-tone="pending"]::before { content: ""; width: 8px; height: 8px; display: inline-block; margin-right: 8px; border-radius: 50%; background: currentColor; animation: status-pulse 1.15s ease-in-out infinite; }
.ledger-status[data-tone="success"] { color: #8be5c3; border-color: rgba(70,216,162,.25); }
.ledger-status[data-tone="error"] { color: #ffabb7; border-color: rgba(235,83,105,.3); }
.connected-address { display: block; margin: -6px 27px 18px; overflow: hidden; color: #9eb8e3; text-overflow: ellipsis; white-space: nowrap; }
.ledger-transfer-form { padding: 0 27px 25px; display: grid; grid-template-columns: 1.6fr .7fr auto; align-items: end; gap: 11px; }
.ledger-transfer-form label { color: #b9c6d9; }
.ledger-transfer-form input { border-color: rgba(255,255,255,.17); color: #fff; background: rgba(255,255,255,.07); }
.ledger-transfer-form input::placeholder { color: #6f829f; }
.transfer-review { margin: 0 27px 25px; padding: 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 15px; background: rgba(255,255,255,.06); }
.review-warning { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 15px; color: #ffdfa0; font-size: 11px; }
.review-warning span { color: #9cacbf; }
.transfer-review dl { margin: 0 0 17px; display: grid; gap: 0; }
.transfer-review dl > div { min-height: 42px; display: grid; grid-template-columns: 120px 1fr; align-items: center; gap: 12px; border-top: 1px solid rgba(255,255,255,.08); }
.transfer-review dt { color: #91a3bf; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.transfer-review dd { margin: 0; overflow: hidden; color: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.transfer-result { margin: 0 27px 25px; padding: 13px; border: 1px solid rgba(69,217,161,.28); border-radius: 11px; color: #94e8c9; background: rgba(19,151,103,.12); font-size: 12px; }
.transfer-result a { color: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; text-decoration: underline; }
.gas-funding { margin: 0 27px 25px; padding: 18px; display: grid; grid-template-columns: minmax(0, 1fr) 230px; gap: 18px; border: 1px solid #00bd54; border-radius: 11px; background: #000; }
.gas-funding[hidden] { display: none; }
.gas-funding h3 { margin: 5px 0 8px; font-size: 20px; }
.gas-funding p { margin: 0; color: #00a94b; font-size: 12px; line-height: 1.55; }
.gas-funding dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 16px 0 0; }
.gas-funding dl > div { padding: 9px; border: 1px solid #006f32; border-radius: 6px; }
.gas-funding dt { color: #008f40; font-size: 9px; text-transform: uppercase; }
.gas-funding dd { margin: 5px 0 0; color: #00ff70; font-size: 12px; font-weight: 800; }
.gas-qr-wrap { display: grid; justify-items: center; gap: 9px; }
.gas-qr-wrap canvas { width: 210px; height: 210px; padding: 2px; border: 4px solid #fff; border-radius: 8px; background: #fff; }
.gas-qr-wrap code { width: 100%; overflow-wrap: anywhere; text-align: center; white-space: normal; }
.gas-warning { grid-column: 1 / -1; display: flex; align-items: center; gap: 9px; padding-top: 14px; border-top: 1px solid #006f32; font-size: 11px; }
.gas-warning span { flex: 1; color: #00a94b; }
.ledger-setup { margin: 22px 27px 27px; }

@keyframes status-pulse {
  0%, 100% { opacity: .35; transform: scale(.82); }
  50% { opacity: 1; transform: scale(1.12); }
}

@media (prefers-reduced-motion: reduce) {
  .button-spinner, .ledger-status[data-tone="pending"]::before, .ledger-onboard > span[data-tone="pending"]::before, .ledger-device-loader::before, .ledger-device-loader::after, .ledger-device-loader i { animation-duration: 1.8s; }
  .terminal-chart::after, .terminal-activity.is-updating .terminal-chart i.has-event { animation: none; }
  .terminal-chart i { transition: none; }
}

.login-page { min-height: 100vh; background: #07142e; }
.login-card { align-self: center; width: min(430px, calc(100% - 48px)); margin: 24px auto; padding: 38px; border-radius: 20px; background: #fff; box-shadow: 0 28px 80px rgba(0,0,0,.3); }
.login-card .brand-mark { margin-bottom: 27px; }
.login-card h2 { margin: 7px 0 9px; font-size: 30px; letter-spacing: -.04em; }
.login-card > p { margin: 0 0 20px; color: var(--muted); line-height: 1.55; }
.stack { display: grid; gap: 11px; margin-top: 13px; }
.otp-form { padding-top: 9px; }
.otp-input { height: 56px; text-align: center; font-size: 24px; font-weight: 800; letter-spacing: .3em; }

.toast { position: fixed; right: 22px; bottom: 22px; z-index: 30; padding: 11px 15px; border-radius: 10px; color: #fff; background: var(--ink); box-shadow: var(--shadow); font-size: 13px; font-weight: 700; opacity: 0; transform: translateY(12px); pointer-events: none; transition: .2s ease; }
.toast.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1080px) {
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .form-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .filter-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .search-field { grid-column: 1 / -1; }
  .portfolio-hero { grid-template-columns: 1fr 340px; }
  .detail-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 760px) {
  .app-shell { padding: 0 15px 32px; }
  .topbar { min-height: 66px; }
  .brand small, .top-actions .ghost, .connection-pill { display: none; }
  .page-heading, .detail-hero { padding: 30px 0 20px; align-items: flex-start; flex-direction: column; }
  .page-heading .button { width: 100%; }
  .metric-grid, .metric-grid.three, .metric-grid.four, .content-grid, .form-grid, .filter-bar, .filter-bar.compact-filters { grid-template-columns: 1fr; }
  .ledger-onboard { grid-template-columns: 1fr; align-items: stretch; }
  .portfolio-hero { min-height: auto; margin-top: 18px; padding: 30px 23px; grid-template-columns: 1fr; border-radius: 21px; }
  .hero-copy h1 { font-size: 44px; }
  .hero-balance-card { min-height: 190px; }
  .metric.clean { min-height: 108px; padding: 15px; }
  .metric-icon { width: 39px; height: 39px; }
  .metric { min-height: 128px; }
  .panel { padding: 17px; border-radius: 13px; }
  .table-wrap { margin: 0; overflow: visible; }
  .responsive-table thead { display: none; }
  .responsive-table, .responsive-table tbody, .responsive-table tr, .responsive-table td { display: block; width: 100%; }
  .responsive-table tr { margin: 0 0 13px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
  .responsive-table td, .responsive-table td:first-child, .responsive-table td:last-child { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 8px 0; border: 0; text-align: right; }
  .responsive-table td::before { content: attr(data-label); color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; text-align: left; }
  .responsive-table td:first-child { display: block; text-align: left; border-bottom: 1px solid #edf0f4; padding-bottom: 12px; }
  .responsive-table td:first-child::before, .responsive-table td:last-child::before, .responsive-table .empty-state::before { display: none; }
  .responsive-table td:last-child { min-height: auto; justify-content: flex-end; }
  .wallet-identity { min-width: 0; }
  .address-short { max-width: min(63vw, 320px); }
  .responsive-table .empty-state { text-align: center; }
  .pagination { align-items: stretch; flex-direction: column; padding-top: 14px; }
  .pagination > div { display: grid; grid-template-columns: 1fr 1fr; }
  .ledger-transfer-intro, .ledger-connect-row { align-items: stretch; flex-direction: column; }
  .ledger-connect-actions { display: grid; grid-template-columns: .7fr 1.3fr; }
  .ledger-transfer-form { grid-template-columns: 1fr; }
  .ledger-transfer-form .button { width: 100%; }
  .review-warning { flex-direction: column; }
  .transfer-review dl > div { grid-template-columns: 1fr; gap: 4px; padding: 10px 0; }
  .transfer-review dd { text-align: left; }
}

/* Dark operations-console theme */
:root {
  --ink: #c8ffd9;
  --muted: #70a981;
  --line: #17482d;
  --canvas: #020705;
  --panel: #07100c;
  --blue: #39e879;
  --blue-dark: #20bd5b;
  --green: #39e879;
  --orange: #ffbd4a;
  --red: #ff6479;
  --violet: #72f0a0;
  --shadow: 0 18px 55px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(90, 255, 145, .025);
}

html { background: #010403; }
body {
  color: var(--ink);
  background-color: var(--canvas);
  background-image:
    linear-gradient(rgba(45, 222, 103, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(45, 222, 103, .018) 1px, transparent 1px),
    radial-gradient(circle at 85% 0, rgba(30, 190, 86, .11), transparent 31%);
  background-size: 32px 32px, 32px 32px, auto;
  font-family: "IBM Plex Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;
}
::selection { color: #001b09; background: #49f387; }
:focus-visible { outline-color: rgba(57, 232, 121, .48); }

.topbar { border-color: #123b26; }
.brand { color: #e0ffe9; }
.brand small { color: #5aa673; }
.brand-mark, .brand-mark.small {
  color: #06120a;
  background: linear-gradient(145deg, #58f491, #20b75a);
  box-shadow: 0 0 28px rgba(57, 232, 121, .18);
}
.connection-pill { color: #84c698; border-color: #1c5636; background: rgba(7, 22, 14, .9); }
.connection-pill.online { color: #62ef91; }

.portfolio-hero {
  color: #dfffe9;
  border: 1px solid #1a5535;
  background: radial-gradient(circle at 78% 24%, rgba(53, 231, 117, .13), transparent 29%), linear-gradient(125deg, #030906, #071a10 58%, #0a2717);
  box-shadow: 0 25px 70px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(81, 255, 141, .06);
}
.portfolio-hero::after { border-color: rgba(71, 240, 129, .16); box-shadow: 0 0 0 42px rgba(53, 224, 111, .025), 0 0 0 84px rgba(53, 224, 111, .018); }
.hero-copy h1 em, .eyebrow, .eyebrow.light { color: #48ee83; }
.hero-copy > p, .hero-balance-card > span, .hero-balance-card > small { color: #79ac88; }
.hero-balance-card { border-color: #205f3c; background: rgba(1, 9, 5, .72); box-shadow: inset 0 1px 0 rgba(91,255,146,.07); }
.chain-total-list strong, .hero-empty { color: #8affae; text-shadow: 0 0 18px rgba(61, 241, 123, .14); }
.chain-total-list small, .hero-meta { color: #5cb777; }
.hero-meta { border-color: #194a30; }

.metric, .panel { border-color: var(--line); background: linear-gradient(145deg, #08120d, #050c08); }
.metric strong, .panel h2, .detail-hero h1, .page-heading h1 { color: #dcffe7; }
.metric-icon { border: 1px solid #1e5b39; border-radius: 10px; }
.metric-icon.blue, .metric-icon.violet, .metric-icon.green { color: #59ef8d; background: #0a2817; }
.metric-icon.amber { color: #ffc45b; border-color: #5c431a; background: #261b08; }
.result-count, .icon-button { color: #72c38a; background: #0a1a11; }

.button { border-radius: 7px; }
.button.primary, .button.light { color: #031008; border-color: #4df18a; background: #3ee77c; box-shadow: 0 0 24px rgba(57,232,121,.13); }
.button.primary:hover, .button.light:hover { color: #010703; background: #72f6a1; }
.button.dark { color: #68f398; border-color: #286e45; background: #07170e; }
.button.dark:hover { background: #0d2a19; }
.button.ghost, .button.glass { color: #8add9f; border-color: #245d3b; background: rgba(7, 21, 13, .78); }

label { color: #82bc92; }
input, select { color: #bfffd2; border-color: #23583a; border-radius: 7px; background: #030906; color-scheme: dark; }
input::placeholder { color: #477158; }
input:focus, select:focus { border-color: #43d878; box-shadow: 0 0 0 3px rgba(57,232,121,.09); }
.form-hint, .panel-description { color: #679678; }

.ledger-onboard { border-color: #1d5b39; background: #06160d; }
.ledger-onboard .ledger-help { color: #59916b; }
.ledger-onboard > span[data-tone="success"] { color: #60f393; }
.ledger-onboard > span[data-tone="pending"] { color: #ffc35a; }
.ledger-onboard > span[data-tone="error"] { color: #ff7d8f; }
.ledger-waiting { color: #92ffb5; border-color: #25844c; background: #031008; box-shadow: 0 0 30px rgba(50, 230, 113, .08); }
.ledger-device-loader::before { border-color: #174a2e; border-top-color: #55ef8a; }
.ledger-device-loader::after { border-color: #56eb88; background: #092216; }
.ledger-device-loader i { background: #65f696; }

th { color: #62a677; border-color: #123b26; background: #030906; }
td { color: #b5eac5; border-color: #102f20; }
.wallet-table-wrap { border-color: #17452d; }
tbody tr:hover { background: #0a1b11; }
.wallet-link, .row-arrow, .copy-link, .metric-refresh { color: #50ed86; }
.asset-avatar { color: #001a09; border: 1px solid #5df194; border-radius: 9px; background: linear-gradient(145deg, #5af18e, #25b75c); box-shadow: 0 0 19px rgba(53, 226, 112, .13); }
.address-short, code { color: #72b489; }
.client-name { color: #4d7d5d; }
.onchain-amount strong { color: #75f7a2; }
.sync-status { color: #77a486; background: #0b1911; }
.sync-status.live { color: #62f294; background: #0b2918; }
.sync-status.unconfigured { color: #ffc35a; background: #261d09; }
.sync-status.error { color: #ff8091; background: #2d0d13; }
.copy-icon, .row-arrow { color: #68d68c; background: #0b2115; }
.copy-icon:hover, .row-arrow:hover { color: #baffcf; background: #123b25; }
.delete-icon { color: #ff7589; background: #2c0d13; }
.network-name > i { color: #64ed91; background: #0a2717; }
.network-list > div, .activity-list > div { border-color: #123722; }

.alert.success { color: #68f09a; border-color: #28734a; background: #082417; }
.alert.warning, .setup-alert { color: #ffd178; border-color: #70511f; background: #241a08; }
.alert.danger { color: #ff8c9b; border-color: #7c2d39; background: #2a0c12; }
.badge.success, .activity-icon.success { color: #66f197; background: #0b2a19; }
.badge.warning, .activity-icon.warning { color: #ffc75f; background: #2b1e08; }
.badge.danger, .activity-icon.danger { color: #ff7e90; background: #2e0d14; }
.badge.info, .activity-icon.info { color: #7ceea1; background: #0a2817; }
.badge.muted, .activity-icon.muted { color: #77a486; background: #101b14; }

.ledger-transfer-panel { border: 1px solid #21623e; background: linear-gradient(135deg, #020805, #092116); box-shadow: 0 22px 55px rgba(0,0,0,.45); }
.ledger-transfer-intro, .transfer-review dl > div { border-color: rgba(84, 238, 135, .13); }
.ledger-transfer-intro p, .device-visual small, .ledger-status, .review-warning span, .transfer-review dt { color: #71a982; }
.device-visual > span, .transfer-review { color: #76f3a0; background: rgba(54, 222, 111, .07); }
.ledger-connect-actions select, .ledger-transfer-form input { color: #c1ffd4; border-color: #28633f; background: #04110a; }
.ledger-status { border-color: #1b5234; background: #031008; }

.login-page { background: #020705; }
.login-card { color: #caffda; border: 1px solid #1e5c3a; background: #07100c; box-shadow: 0 28px 80px rgba(0,0,0,.58); }
.toast { color: #031008; border: 1px solid #6aff9c; background: #4bea84; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #020705; }
::-webkit-scrollbar-thumb { border: 2px solid #020705; border-radius: 10px; background: #1b5a38; }

@media (max-width: 760px) {
  .responsive-table tr { border-color: #17482d; background: #07100c; }
  .responsive-table td:first-child { border-color: #123722; }
}

/* Phosphor terminal palette — matched to the supplied server reference */
:root {
  --ink: #00f26a;
  --muted: #00a94b;
  --line: #00bd54;
  --canvas: #000;
  --panel: #010402;
  --blue: #00f26a;
  --blue-dark: #00c957;
  --green: #00f26a;
  --violet: #00f26a;
  --shadow: none;
}

html, body { background: #000; }
body {
  color: #00e965;
  background-image: radial-gradient(circle at 75% 0, rgba(0, 242, 106, .035), transparent 27%);
}
h1, h2, h3, strong, .brand, .metric strong, .panel h2, .detail-hero h1, .page-heading h1 { color: #00f26a; }
.page-heading p, .detail-hero p, .panel-description, .form-hint, .metric span, .metric small, .metric.clean p, .metric.clean small { color: #00a94b; }
.eyebrow, .eyebrow.light { color: #00ff70; text-shadow: 0 0 8px rgba(0,255,112,.22); }

.topbar { border-color: #00a94b; }
.brand small { color: #00a94b; }
.brand-mark, .brand-mark.small {
  color: #000;
  border: 1px solid #00ff70;
  background: #00f26a;
  box-shadow: 0 0 16px rgba(0,242,106,.24);
}
.connection-pill { color: #00d85f; border-color: #00a94b; background: #000; }

.portfolio-hero {
  color: #00f26a;
  border-color: #00d35d;
  background: #000;
  box-shadow: inset 0 0 45px rgba(0, 242, 106, .025);
}
.portfolio-hero::after { border-color: rgba(0,242,106,.18); box-shadow: 0 0 0 42px rgba(0,242,106,.018), 0 0 0 84px rgba(0,242,106,.012); }
.hero-copy h1 em, .hero-copy > p, .hero-balance-card > span, .hero-balance-card > small, .chain-total-list small, .hero-meta { color: #00bd54; }
.hero-balance-card { color: #00f26a; border-color: #00bd54; background: #000; box-shadow: none; }
.chain-total-list strong, .hero-empty { color: #00ff70; text-shadow: 0 0 13px rgba(0,255,112,.24); }
.hero-meta { border-color: #008f40; }

.metric, .panel, .login-card, .ledger-transfer-panel {
  color: #00e965;
  border-color: #00bd54;
  background: #010402;
  box-shadow: none;
}
.metric-icon, .metric-icon.blue, .metric-icon.violet, .metric-icon.green {
  color: #00f26a;
  border-color: #00a94b;
  background: #001b0c;
}
.metric-icon.amber { color: #d8ffdf; border-color: #00a94b; background: #001b0c; }
.result-count, .icon-button { color: #00d85f; border: 1px solid #007f38; background: #001407; }

.button, .button.dark, .button.ghost, .button.glass {
  color: #00f26a;
  border-color: #00bd54;
  background: #000;
  box-shadow: none;
}
.button.primary, .button.light {
  color: #000;
  border-color: #00ff70;
  background: #00ef68;
  box-shadow: 0 0 14px rgba(0,239,104,.16);
}
.button:hover, .button.dark:hover, .button.ghost:hover, .button.glass:hover { color: #000; background: #00f26a; }

label { color: #00c959; }
input, select, .ledger-connect-actions select, .ledger-transfer-form input {
  color: #00f26a;
  caret-color: #00ff70;
  border-color: #00a94b;
  background: #000;
}
input::placeholder, .ledger-transfer-form input::placeholder { color: #006f32; }
input:focus, select:focus { border-color: #00ff70; box-shadow: 0 0 0 2px rgba(0,255,112,.13); }

.ledger-onboard, .ledger-waiting, .ledger-status, .transfer-review {
  color: #00e965;
  border-color: #00a94b;
  background: #000;
  box-shadow: none;
}
.ledger-onboard small, .ledger-onboard .ledger-help, .ledger-waiting small, .ledger-transfer-intro p, .device-visual small, .review-warning span, .transfer-review dt { color: #008f40; }
.ledger-onboard > span[data-tone="success"], .ledger-status[data-tone="success"] { color: #00ff70; }
.ledger-device-loader::before { border-color: #005f2a; border-top-color: #00ff70; }
.ledger-device-loader::after { border-color: #00ef68; background: #001708; }
.ledger-device-loader i { background: #00ff70; }

th { color: #00b950; border-color: #007a37; background: #000; }
td { color: #00d85f; border-color: #004c23; }
.wallet-table-wrap { border-color: #00a94b; }
tbody tr:hover { background: #001407; }
.wallet-link, .row-arrow, .copy-link, .metric-refresh, .address-short, code, .client-name, .onchain-amount strong { color: #00e965; }
.asset-avatar { color: #000; border-color: #00ff70; background: #00ed67; box-shadow: none; }
.sync-status, .sync-status.live { color: #00ef68; border: 1px solid #007f38; background: #001708; }
.copy-icon, .row-arrow, .network-name > i { color: #00ef68; border: 1px solid #007f38; background: #000; }
.copy-icon:hover, .row-arrow:hover { color: #000; background: #00ef68; }
.network-list > div, .activity-list > div { border-color: #005f2a; }

.alert.success, .badge.success, .activity-icon.success { color: #00ff70; border-color: #00a94b; background: #001708; }
.badge.info, .activity-icon.info, .badge.muted, .activity-icon.muted { color: #00d85f; background: #001407; }
.ledger-transfer-intro, .transfer-review dl > div { border-color: #006f32; }
.security-chip { color: #00ff70; border-color: #00a94b; background: #001708; }
.device-visual > span { color: #00f26a; border: 1px solid #008f40; background: #001407; }

.login-page { color: #00f26a; background: #000; }
.login-card > p { color: #00a94b; }
.toast { color: #000; border-color: #00ff70; background: #00f26a; }

::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { border-color: #000; background: #008f40; }

@media (max-width: 760px) {
  .responsive-table tr { border-color: #00a94b; background: #010402; }
  .responsive-table td:first-child { border-color: #005f2a; }
  .swap-grid { grid-template-columns: 1fr; }
  .swap-direction { padding: 0; transform: rotate(90deg); justify-self: center; }
  .gas-funding { grid-template-columns: 1fr; margin: 0 16px 20px; }
  .gas-funding dl { grid-template-columns: 1fr; }
  .gas-warning { grid-column: auto; align-items: flex-start; flex-direction: column; }
}

.danger-zone { border-color: #7a2938; }
.danger-zone details > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; cursor: pointer; list-style: none; }
.danger-zone details > summary::-webkit-details-marker { display: none; }
.danger-zone summary small { display: block; margin-top: 5px; color: #a85766; font-size: 11px; }
.danger-zone summary strong { color: #ff7389; }
.danger-chip { padding: 6px 9px; border: 1px solid #8f3040; border-radius: 4px; color: #ff7b90; background: #24070d; font-size: 10px; font-weight: 900; }
.danger-zone-body { margin-top: 18px; padding-top: 18px; border-top: 1px solid #531c27; }
.danger-zone-body > p { color: #bc6977; font-size: 12px; }
.reset-counts { display: flex; flex-wrap: wrap; gap: 9px; margin: 15px 0; }
.reset-counts span { padding: 8px 10px; border: 1px solid #5d202b; color: #cf7785; background: #160509; font-size: 11px; }
.reset-counts strong { color: #ff8295; }
.danger-zone form { display: grid; grid-template-columns: minmax(260px, 1fr) auto; align-items: end; gap: 12px; }
.danger-zone input { color: #ff8295; border-color: #7a2938; }
.button.danger { color: #fff; border-color: #b63d52; background: #9e2d42; }
.button.danger:hover { color: #fff; background: #c54058; }
@media (max-width: 760px) { .danger-zone form { grid-template-columns: 1fr; } }

@media (max-width: 470px) {
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .hero-actions .button { width: 100%; }
}

/* Server-console login */
.server-login-shell { min-height: 100vh; padding: 22px; color: #00f26a; background: #000; }
.server-login-bar { max-width: 1500px; margin: 0 auto; padding: 11px 14px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid #008f40; color: #00a94b; background: #010402; font-size: 12px; letter-spacing: .03em; }
.server-login-bar strong, .server-clock { color: #00ff70; }
.server-login-grid { width: min(1500px, 100%); min-height: calc(100vh - 90px); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(390px, .7fr); align-items: center; gap: clamp(50px, 9vw, 150px); padding: clamp(40px, 7vw, 100px) clamp(12px, 4vw, 65px); }
.server-login-intro { position: relative; padding-left: 22px; border-left: 2px solid #00bd54; }
.server-kicker { color: #00bd54; font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.server-login-intro h1 { margin: 18px 0 22px; font-size: clamp(62px, 9vw, 126px); line-height: .78; letter-spacing: -.07em; text-shadow: 0 0 26px rgba(0,255,112,.13); }
.server-login-intro > p { max-width: 680px; color: #00a94b; font-size: 15px; line-height: 1.7; }
.server-status-list { margin-top: 34px; display: grid; gap: 9px; color: #00b950; font-size: 12px; }
.server-status-list span { display: flex; align-items: center; gap: 9px; }
.server-status-list i, .server-online i { width: 7px; height: 7px; border-radius: 50%; background: #00ff70; box-shadow: 0 0 10px rgba(0,255,112,.7); }
.server-status-list strong { color: #00ff70; }
.server-prompt { margin-top: 35px; color: #008f40; font-size: 12px; }
.terminal-cursor { color: #00ff70; animation: terminal-blink 1s steps(1) infinite; }
@keyframes terminal-blink { 50% { opacity: 0; } }
.server-login-card { align-self: center; width: 100%; max-width: 500px; margin: 0; padding: 0; overflow: hidden; border-radius: 14px; border-color: #00bd54; background: #010402; }
.server-card-head, .server-card-foot { padding: 12px 15px; display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #008f40; border-bottom: 1px solid #006f32; background: #000; font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.server-card-head { justify-content: flex-end; }
.server-online { display: flex; align-items: center; gap: 7px; color: #00ff70; }
.server-identity { padding: 28px 30px 0; display: flex; align-items: center; gap: 14px; }
.server-login-logo { width: 72px; height: 72px; flex: 0 0 72px; display: grid; place-items: center; overflow: hidden; }
.server-login-logo img { width: 100%; height: 100%; display: block; object-fit: contain; filter: drop-shadow(0 0 8px rgba(255,175,30,.34)); }
.server-identity strong { display: block; font-size: 15px; letter-spacing: .06em; }
.server-login-card > .alert, .server-login-card > form { margin-left: 30px; margin-right: 30px; }
.server-identity + form { margin-top: 26px; }
.server-login-card .button { min-height: 47px; border-radius: 10px; letter-spacing: .08em; }
.server-otp-form { margin-top: 17px; padding-top: 17px; border-top: 1px dashed #006f32; }
.server-otp-form label { font-size: 10px; letter-spacing: .05em; }
.server-otp-form .otp-input { border-radius: 10px; font-family: inherit; }
.server-card-foot { margin-top: 28px; border-top: 1px solid #006f32; border-bottom: 0; }

@media (max-width: 800px) {
  .server-login-shell { padding: 10px; }
  .server-login-bar { font-size: 9px; }
  .server-login-grid { min-height: auto; grid-template-columns: 1fr; gap: 34px; padding: 38px 6px; }
  .server-login-intro { padding-left: 15px; }
  .server-login-intro h1 { font-size: 58px; }
  .server-login-intro > p, .server-status-list { display: none; }
  .server-prompt { margin-top: 20px; }
  .server-login-card { max-width: none; }
}

/* Terminal operations dashboard */
.dashboard-shell { width: min(1600px, 100%); padding: 0 18px 48px; }
.terminal-header { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #00ff70; }
.terminal-brand { display: flex; align-items: center; gap: 14px; min-width: 0; }
.terminal-brand-mark { width: 54px; height: 54px; flex: 0 0 54px; display: grid; place-items: center; }
.terminal-brand-mark img { width: 100%; height: 100%; display: block; object-fit: contain; filter: drop-shadow(0 0 8px rgba(0,136,255,.42)) drop-shadow(0 0 5px rgba(255,190,35,.22)); }
.terminal-brand > span:last-child { min-width: 0; }
.terminal-brand strong { display: block; color: #00ff70; font-size: 20px; letter-spacing: .035em; }
.terminal-brand strong small { font-size: 12px; font-weight: 700; }
.terminal-brand em { display: block; margin-top: 5px; overflow: hidden; color: #00c957; font-size: 11px; font-style: normal; white-space: nowrap; text-overflow: ellipsis; }
.terminal-host-meta { display: grid; gap: 5px; flex: none; color: #00c957; font-size: 10px; text-align: right; }
.terminal-host-meta strong { color: #00ff70; font-size: 11px; }
.terminal-nav { position: sticky; z-index: 50; top: 0; min-height: 54px; margin: 12px 0 16px; padding: 7px 12px; display: flex; align-items: center; justify-content: space-between; gap: 22px; border: 1px solid #00bd54; background: rgba(1,4,2,.97); box-shadow: inset 0 0 18px rgba(0,255,112,.018), 0 10px 28px rgba(0,0,0,.48); backdrop-filter: blur(10px); }
.terminal-nav-links, .terminal-nav-session { display: flex; align-items: center; gap: clamp(12px, 2.1vw, 32px); }
.terminal-nav a, .terminal-nav button { padding: 7px 8px; color: #00bd54; border: 0; background: transparent; font: inherit; font-size: 10px; font-weight: 850; cursor: pointer; white-space: nowrap; }
.terminal-nav a:hover, .terminal-nav button:hover { color: #00ff70; }
.terminal-nav a.active { color: #001006; background: #00f26a; box-shadow: 0 0 12px rgba(0,255,112,.18); }
.terminal-nav-session { gap: 17px; color: #00bd54; font-size: 10px; }
.terminal-nav-session form { margin: 0; }
.terminal-online { display: inline-flex; align-items: center; gap: 7px; color: #00ff70; }
.terminal-online i, .terminal-nodes td i, .terminal-box-heading > span i { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #00ff70; box-shadow: 0 0 9px rgba(0,255,112,.75); }

.terminal-overview { display: grid; grid-template-columns: minmax(340px, 1.14fr) minmax(310px, .86fr) minmax(300px, .78fr); gap: 14px; margin-bottom: 18px; }
.terminal-box { min-width: 0; border: 1px solid #00bd54; background: rgba(1,4,2,.94); box-shadow: inset 0 0 24px rgba(0,255,112,.018); }
.terminal-box h2 { margin: 0; color: #00f26a; font-size: 11px; letter-spacing: .055em; }
.terminal-label { color: #00c957; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.terminal-welcome { min-height: 452px; padding: 18px 20px; display: flex; flex-direction: column; }
.terminal-hero-logo { min-height: 185px; margin: 0 0 6px; display: grid; place-items: center; }
.terminal-hero-logo img { width: clamp(150px, 16vw, 210px); height: auto; display: block; object-fit: contain; filter: drop-shadow(0 0 16px rgba(0,255,112,.2)); }
.terminal-welcome > p { max-width: 580px; margin: 0; color: #00bd54; font-size: 12px; line-height: 1.7; }
.terminal-status-list { margin: 25px 0 0; display: grid; gap: 8px; color: #00d85f; font-size: 11px; }
.terminal-status-list div { display: grid; grid-template-columns: 115px 1fr; gap: 11px; }
.terminal-status-list dt::before { content: ">"; margin-right: 10px; color: #00ff70; }
.terminal-status-list dt::after { content: ":"; float: right; }
.terminal-status-list dd { margin: 0; color: #00e965; }
.terminal-quick-actions { margin-top: auto; padding-top: 16px; display: flex; align-items: center; gap: 18px; border-top: 1px dashed #008f40; }
.terminal-quick-actions button, .terminal-quick-actions a { padding: 0; color: #00e965; border: 0; background: transparent; font: inherit; font-size: 10px; font-weight: 850; cursor: pointer; }
.terminal-quick-actions button:hover, .terminal-quick-actions a:hover { color: #fff; }
.terminal-stack { display: grid; gap: 14px; }
.terminal-stack-center { grid-template-rows: minmax(178px, .78fr) minmax(260px, 1.22fr); }
.terminal-stack-right { grid-template-rows: minmax(170px, .72fr) minmax(268px, 1.28fr); }
.terminal-nodes, .terminal-resources, .terminal-activity, .terminal-balance { padding: 14px 16px; overflow: hidden; }
.terminal-nodes h2, .terminal-resources h2 { padding-bottom: 12px; border-bottom: 1px dashed #007f38; }
.terminal-nodes table { margin-top: 4px; }
.terminal-nodes th, .terminal-nodes td { padding: 9px 5px; color: #00bd54; border-color: #005f2a; background: transparent; font-size: 9px; }
.terminal-nodes th { color: #00a94b; }
.terminal-nodes td i.setup { background: #ffba3a; box-shadow: 0 0 8px rgba(255,186,58,.5); }
.terminal-box-heading { min-height: 30px; padding-bottom: 9px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px dashed #007f38; }
.terminal-box-heading > span { color: #00a94b; font-size: 8px; }
.terminal-box-heading > span i { width: 6px; height: 6px; margin-right: 4px; }
.terminal-chart { position: relative; height: 174px; margin-top: 17px; padding: 4px 4px 0; display: flex; align-items: end; gap: clamp(3px, .45vw, 7px); overflow: hidden; border-left: 1px solid #007f38; border-bottom: 1px solid #007f38; background-image: linear-gradient(rgba(0,143,64,.16) 1px, transparent 1px); background-size: 100% 25%; }
.terminal-chart::after { content: ""; position: absolute; inset: 0 auto 0 -24%; width: 24%; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(0,255,112,.08), transparent); animation: activity-scan 4.6s linear infinite; }
.terminal-chart i { width: 100%; height: var(--h); min-height: 4px; background: #006a30; box-shadow: 0 0 5px rgba(0,255,112,.12); transition: height .7s cubic-bezier(.2,.8,.2,1), background-color .4s, box-shadow .4s; }
.terminal-chart i.has-event { background: #00df62; box-shadow: 0 0 7px rgba(0,255,112,.3); }
.terminal-activity.is-updating .terminal-chart i.has-event { animation: activity-bar-pulse .55s ease-out; }
.terminal-activity.is-offline .terminal-box-heading > span i { background: #ffba3a; box-shadow: 0 0 8px rgba(255,186,58,.5); }
.terminal-chart-axis { margin-top: 6px; display: flex; justify-content: space-between; color: #007f38; font-size: 7px; }
@keyframes activity-scan { to { transform: translateX(520%); } }
@keyframes activity-bar-pulse { 50% { filter: brightness(1.65); transform: scaleY(1.025); transform-origin: bottom; } }
.terminal-resources > div { display: grid; grid-template-columns: 30px 1fr 58px; align-items: center; gap: 8px; margin-top: 12px; color: #00d85f; font-size: 9px; }
.terminal-resources b { height: 9px; display: block; overflow: hidden; border: 1px solid #007f38; background: repeating-linear-gradient(90deg, #001407 0 7px, transparent 7px 10px); }
.terminal-resources b i { width: var(--level); height: 100%; display: block; background: repeating-linear-gradient(90deg, #00e965 0 7px, transparent 7px 10px); }
.terminal-resources em { color: #00a94b; font-style: normal; text-align: right; }
.terminal-balance { position: relative; }
.terminal-balance-total { margin-top: 14px; color: #00ff70; font-size: 34px; font-weight: 900; letter-spacing: -.04em; }
.terminal-balance-total small { color: #00bd54; font-size: 9px; letter-spacing: .06em; }
.terminal-sparkline { position: absolute; top: 56px; right: 17px; height: 35px; display: flex; align-items: end; gap: 2px; transform: skewX(-18deg); }
.terminal-sparkline i { width: 10px; border-top: 2px solid #00ff70; }
.terminal-sparkline i:nth-child(1) { height: 8px; }.terminal-sparkline i:nth-child(2) { height: 13px; }.terminal-sparkline i:nth-child(3) { height: 10px; }.terminal-sparkline i:nth-child(4) { height: 22px; }.terminal-sparkline i:nth-child(5) { height: 17px; }.terminal-sparkline i:nth-child(6) { height: 29px; }.terminal-sparkline i:nth-child(7) { height: 34px; }
.terminal-asset-list { margin-top: 10px; border-top: 1px solid #007f38; }
.terminal-asset-list > div { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid #005f2a; font-size: 10px; }
.terminal-asset-list span { display: flex; align-items: center; gap: 8px; }
.terminal-asset-list span b { color: #00e965; font-size: 9px; }
.terminal-asset-list .asset-coin { width: 22px; height: 22px; display: grid; flex: none; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: #00a86b; font-size: 14px; font-style: normal; font-weight: 950; line-height: 1; box-shadow: 0 0 9px rgba(0,255,112,.2); }
.terminal-asset-list .asset-coin svg { width: 15px; height: 15px; overflow: visible; fill: currentColor; }
.terminal-asset-list .asset-coin--usdt { color: #fff; background: #26a17b; }
.terminal-asset-list .asset-coin--btc { color: #fff; background: #f7931a; }
.terminal-asset-list .asset-coin--eth { color: #eef1ff; background: #627eea; }
.terminal-asset-list .asset-coin--eth svg path:last-child { opacity: .68; }
.terminal-asset-list .asset-coin--trx { color: #fff; background: #ef233c; }
.terminal-asset-list .asset-coin--trx svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2; }
.terminal-asset-list .asset-coin--bnb { color: #171300; background: #f3ba2f; }
.terminal-asset-list strong { overflow: hidden; color: #00e965; font-size: 10px; text-overflow: ellipsis; }
.terminal-empty { margin: 26px 0; color: #008f40; font-size: 10px; }
[id] { scroll-margin-top: 76px; }

/* Functional icon language: decorative only; actions and JS hooks stay unchanged. */
[data-icon]::before { content: attr(data-icon); min-width: 1.35em; margin-right: .48em; display: inline-grid; place-items: center; color: #00ff70; font-size: 1.05em; font-style: normal; font-weight: 950; line-height: 1; text-shadow: 0 0 4px #00ff70, 0 0 11px rgba(0,255,112,.72); vertical-align: -.04em; }
[data-icon]:hover::before, [data-icon]:focus-visible::before { color: #fff; text-shadow: 0 0 5px #fff, 0 0 14px #00ff70, 0 0 24px rgba(0,255,112,.78); }
.terminal-nav-links [data-icon]::before { width: 18px; height: 18px; margin-right: 5px; border: 1px solid #007f38; border-radius: 4px; background: rgba(0,255,112,.045); box-shadow: inset 0 0 7px rgba(0,255,112,.08), 0 0 7px rgba(0,255,112,.1); }
.terminal-nav-links a.active[data-icon]::before, .button.primary[data-icon]::before, .settlement-button[data-icon]::before, .transfer-row-button[data-icon]::before { color: #001708; text-shadow: none; }
.terminal-nav-links a.active[data-icon]::before { border-color: rgba(0,23,8,.38); background: rgba(0,23,8,.11); box-shadow: none; }
.button[data-icon], .settlement-button[data-icon], .transfer-row-button[data-icon], .swap-row-button[data-icon] { align-items: center; justify-content: center; }
.copy-icon, .delete-icon, .row-arrow { text-shadow: 0 0 8px currentColor; }
.terminal-allocation-panel .summary-title { display: inline-flex; align-items: center; gap: 7px; color: #00e965; font-size: 10px; }
.terminal-allocation-panel .summary-title i { width: 19px; height: 19px; display: grid; place-items: center; color: #00ff70; border: 1px solid #007f38; border-radius: 4px; background: rgba(0,255,112,.045); font-style: normal; text-shadow: 0 0 5px #00ff70, 0 0 12px rgba(0,255,112,.7); box-shadow: 0 0 8px rgba(0,255,112,.1); }

@media (prefers-reduced-motion: no-preference) {
  .terminal-nav-links [data-icon]::before, .terminal-allocation-panel .summary-title i { animation: terminal-icon-glow 2.8s ease-in-out infinite alternate; }
}
@keyframes terminal-icon-glow {
  from { filter: brightness(.86); opacity: .82; }
  to { filter: brightness(1.2); opacity: 1; }
}

@media (max-width: 1180px) {
  .terminal-overview { grid-template-columns: 1fr 1fr; }
  .terminal-welcome { grid-row: span 2; }
  .terminal-stack-right { grid-column: 2; }
}
@media (max-width: 820px) {
  .dashboard-shell { padding: 0 10px 32px; }
  .terminal-header { min-height: 67px; }
  .terminal-brand em, .terminal-host-meta span { display: none; }
  .terminal-host-meta { font-size: 8px; }
  .terminal-nav { align-items: flex-start; flex-direction: column; overflow: hidden; }
  .terminal-nav-links { width: 100%; overflow-x: auto; gap: 8px; }
  .terminal-nav-session { width: 100%; justify-content: flex-end; }
  .terminal-overview { grid-template-columns: 1fr; }
  .terminal-welcome { min-height: 430px; grid-row: auto; }
  .terminal-stack-right { grid-column: auto; }
}
@media (max-width: 480px) {
  .terminal-brand strong { font-size: 16px; }
  .terminal-brand-mark { width: 44px; height: 44px; flex-basis: 44px; }
  .terminal-host-meta { display: none; }
  .terminal-welcome { min-height: 410px; padding: 16px; }
  .terminal-hero-logo { min-height: 165px; }
  .terminal-hero-logo img { width: 170px; }
  .terminal-status-list div { grid-template-columns: 102px 1fr; }
  .terminal-quick-actions { gap: 10px; flex-wrap: wrap; }
}

/* Terminal directory, events, logs and footer */
.server-data-panel { padding: 0 18px 8px; }
.terminal-directory-heading { min-height: 76px; margin: 0; padding: 12px 0; align-items: center; }
.terminal-directory-heading .panel-description { margin-top: 5px; }
.terminal-directory-heading .panel-description strong { color: #00bd54; font-size: 9px; }
.terminal-directory-tools { position: relative; display: grid; grid-template-columns: minmax(280px, 440px) 118px; align-items: center; gap: 24px; }
.terminal-search { position: relative; }
.terminal-search i { position: absolute; z-index: 1; left: 13px; top: 50%; width: 13px; height: 13px; border: 1px solid #7d91b5; border-radius: 50%; transform: translateY(-58%); }
.terminal-search i::after { content: ""; position: absolute; right: -5px; bottom: -3px; width: 6px; border-top: 1px solid #7d91b5; transform: rotate(45deg); }
.terminal-search input { min-height: 42px; padding-left: 39px; border-radius: 0; }
.terminal-filter-menu { position: relative; }
.terminal-filter-menu > summary { min-height: 42px; display: grid; place-items: center; color: #00e965; border: 1px solid #00a94b; background: #000; cursor: pointer; font-size: 11px; font-weight: 900; list-style: none; }
.terminal-filter-menu > summary::-webkit-details-marker { display: none; }
.terminal-filter-menu[open] > summary { color: #001006; background: #00e965; }
.terminal-filter-popover { position: absolute; z-index: 20; top: calc(100% + 8px); right: 0; width: min(620px, 80vw); padding: 13px; display: grid; grid-template-columns: repeat(3, minmax(110px, 1fr)) auto auto; align-items: end; gap: 9px; border: 1px solid #00bd54; background: #010402; box-shadow: 0 18px 35px rgba(0,0,0,.68); }
.terminal-filter-popover label { font-size: 8px; }
.terminal-filter-popover select { min-height: 38px; border-radius: 0; font-size: 10px; }
.server-data-panel .wallet-table-wrap { margin: 0 -18px; }
.server-data-panel .pagination { min-height: 50px; }

.terminal-lower-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.terminal-list-panel { min-width: 0; margin: 0; padding: 0 14px 13px; border-radius: 2px; }
.terminal-list-heading { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px dashed #008f40; }
.terminal-list-heading h2 { margin: 0; color: #00e965; font-size: 12px; letter-spacing: .035em; }
.terminal-list-heading a, .terminal-list-heading button { padding: 0; color: #00bd54; border: 0; background: transparent; font: inherit; font-size: 9px; cursor: pointer; }
.terminal-list-heading a:hover, .terminal-list-heading button:hover { color: #00ff70; }
.terminal-list-heading > div { display: flex; gap: 14px; }
.terminal-table-scroll { overflow-x: auto; }
.terminal-event-table { min-width: 570px; }
.terminal-event-table th, .terminal-event-table td { height: 43px; padding: 9px 7px; color: #b4c5e1; border-color: #005f2a; background: transparent; font-size: 9px; }
.terminal-event-table th { height: 36px; color: #00bd54; font-size: 8px; }
.terminal-event-table th:first-child, .terminal-event-table td:first-child { padding-left: 2px; }
.terminal-event-table th:last-child, .terminal-event-table td:last-child { padding-right: 2px; }
.terminal-event-table tbody tr:hover { background: #001407; }
.terminal-event-table code { display: block; max-width: 145px; overflow: hidden; color: #9eb0cf; text-overflow: ellipsis; white-space: nowrap; }
.event-direction.receive, .event-amount.positive { color: #00e965; }
.event-status { display: inline-flex; align-items: center; gap: 6px; text-transform: capitalize; }
.event-status i { width: 7px; height: 7px; border-radius: 50%; background: #68738a; }
.event-status.success { color: #00e965; }.event-status.success i { background: #00ff70; box-shadow: 0 0 7px rgba(0,255,112,.55); }
.event-status.warning { color: #ffd45e; }.event-status.warning i { background: #ffd45e; }
.event-status.danger { color: #ff7287; }.event-status.danger i { background: #ff526d; }
.terminal-log-table { min-width: 520px; }
.terminal-log-table th:first-child, .terminal-log-table td:first-child { width: 116px; }
.terminal-log-table th:nth-child(2), .terminal-log-table td:nth-child(2) { width: 70px; }
.terminal-log-table td:last-child { color: #aebddb; }
.terminal-log-table td small { display: inline; margin-left: 7px; color: #006f32; font-size: 7px; }
.log-level { padding: 3px 5px; border: 1px solid; border-radius: 2px; font-weight: 900; }
.log-level.info { color: #00e965; border-color: #007f38; background: #001708; }
.log-level.warn { color: #ffd45e; border-color: #8b6a12; background: #241b02; }
.terminal-empty-row { text-align: center; color: #007f38 !important; }
.terminal-client-panel { margin-top: 14px; padding: 0 14px 14px; border-radius: 2px; }
.terminal-client-copy { margin: 10px 0 0; color: #007f38; font-size: 8px; }
.terminal-client-grid { margin-top: 11px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.terminal-client-grid article { min-width: 0; min-height: 58px; padding: 9px 11px; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 9px; border: 1px solid #005f2a; background: #000; }
.terminal-client-grid article > i { width: 28px; height: 28px; display: grid; place-items: center; color: #001006; border-radius: 50%; background: #00e965; font-style: normal; font-weight: 950; box-shadow: 0 0 12px rgba(0,255,112,.22); }
.terminal-client-grid article span { min-width: 0; }
.terminal-client-grid article strong, .terminal-client-grid article small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.terminal-client-grid article strong { color: #00e965; font-size: 9px; }
.terminal-client-grid article small { margin-top: 4px; color: #007f38; font-size: 7px; }
.terminal-client-grid article em { color: #00bd54; font-size: 7px; font-style: normal; }
.danger-zone-trigger { width: 100%; min-height: 80px; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #ff7287; border: 0; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.danger-zone-trigger strong, .danger-zone-trigger small { display: block; }
.danger-zone-trigger strong { font-size: 12px; }
.danger-zone-trigger small { margin-top: 7px; font-size: 8px; }
.danger-zone-trigger:hover { background: rgba(255,60,91,.045); box-shadow: inset 0 0 24px rgba(255,60,91,.045); }
.reset-pin-dialog { width: min(520px, calc(100vw - 28px)); padding: 0; color: #00e965; border: 1px solid #ff526d; border-radius: 3px; background: #010402; box-shadow: 0 0 0 1px #000, 0 24px 90px rgba(0,0,0,.84), 0 0 28px rgba(255,82,109,.1); }
.reset-pin-dialog::backdrop { background: rgba(0,0,0,.82); backdrop-filter: blur(5px); }
.reset-dialog-head { min-height: 48px; padding: 9px 13px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #6e1b2b; background: #100104; }
.reset-dialog-head > span { display: flex; align-items: center; gap: 9px; color: #ff7287; font-size: 10px; letter-spacing: .08em; }
.reset-dialog-head i { width: 25px; height: 25px; display: grid; place-items: center; color: #190106; border-radius: 50%; background: #ff526d; font-style: normal; box-shadow: 0 0 14px rgba(255,82,109,.28); }
.reset-dialog-head button { width: 29px; height: 29px; color: #ff7287; border: 1px solid #6e1b2b; border-radius: 50%; background: transparent; font: inherit; cursor: pointer; }
.reset-pin-dialog .danger-zone-body { padding: 18px; }
.reset-pin-dialog h2 { margin: 0 0 8px; color: #ff8597; font-size: 15px; }
.reset-pin-dialog form { margin-top: 15px; display: grid; gap: 12px; }
.reset-pin-dialog label { color: #ff8597; font-size: 9px; }
.reset-pin-dialog input { margin-top: 6px; border-color: #6e1b2b; }
.reset-pin-dialog input:focus { border-color: #ff526d; box-shadow: 0 0 0 3px rgba(255,82,109,.08); }
.reset-dialog-actions { display: flex; justify-content: flex-end; gap: 9px; }
.terminal-allocation-panel { margin: 14px 0 18px; border: 1px solid #00a94b; background: #010402; }
.terminal-allocation-panel > summary { min-height: 44px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; color: #00e965; cursor: pointer; font-size: 10px; font-weight: 900; list-style: none; }
.terminal-allocation-panel > summary::-webkit-details-marker { display: none; }
.terminal-allocation-panel > summary span { color: #008f40; font-size: 8px; }
.terminal-allocation-grid { padding: 0 14px 13px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; border-top: 1px dashed #006f32; }
.terminal-allocation-grid > div { min-height: 66px; padding: 10px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #004c23; font-size: 9px; }
.terminal-allocation-grid .network-name > i { border-radius: 2px; }
.terminal-allocation-grid small { display: block; margin-top: 4px; color: #008f40; font-size: 7px; }
.terminal-footer { min-height: 69px; margin-top: 18px; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid #00bd54; background: #010402; }
.terminal-footer > div { display: flex; align-items: center; gap: 11px; }
.terminal-footer > div > a { color: #00ff70; }
.terminal-footer > div > a:hover { color: #fff; }
.terminal-footer-mark { width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center; }
.terminal-footer-mark img { width: 100%; height: 100%; display: block; object-fit: contain; filter: drop-shadow(0 0 7px rgba(0,136,255,.4)) drop-shadow(0 0 4px rgba(255,190,35,.2)); }
.terminal-footer strong, .terminal-footer small { display: block; }
.terminal-footer strong { font-size: 12px; letter-spacing: .07em; }
.terminal-footer strong small { display: inline; font-size: 8px; }
.terminal-footer small { margin-top: 3px; color: #00a94b; font-size: 8px; }
.terminal-footer p { margin: 0; color: #00bd54; font-size: 8px; }

@media (max-width: 980px) {
  .terminal-directory-heading { align-items: stretch; flex-direction: column; }
  .terminal-directory-tools { grid-template-columns: 1fr 118px; width: 100%; }
  .terminal-lower-grid { grid-template-columns: 1fr; }
  .terminal-allocation-grid { grid-template-columns: 1fr 1fr; }
  .terminal-client-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 650px) {
  .server-data-panel { padding-left: 12px; padding-right: 12px; }
  .terminal-directory-tools { grid-template-columns: 1fr 96px; gap: 8px; }
  .terminal-client-grid { grid-template-columns: 1fr; }
  .terminal-filter-popover { position: fixed; inset: auto 10px 12px; width: auto; grid-template-columns: 1fr; max-height: 78vh; overflow-y: auto; }
  .terminal-allocation-grid { grid-template-columns: 1fr; }
  .terminal-footer { align-items: flex-start; flex-direction: column; }
  .terminal-footer p { line-height: 1.7; }
}

/* Dashboard server-console treatment */
.dashboard-command-bar { margin: 12px 0 18px; padding: 10px 13px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #008f40; border: 1px solid #006f32; background: #000; font-size: 10px; letter-spacing: .045em; }
.dashboard-command-bar strong, .dashboard-command-status { color: #00ff70; }
.server-dashboard-hero { position: relative; overflow: hidden; border-radius: 2px; background-image: linear-gradient(rgba(0,242,106,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(0,242,106,.018) 1px, transparent 1px); background-size: 24px 24px; }
.server-dashboard-hero::before { content: "HOST RW-PROD-01   ENV PRODUCTION   ACCESS ADMIN"; position: absolute; inset: 0 0 auto 0; padding: 10px 14px; color: #006f32; border-bottom: 1px solid #004c23; background: #000; font-size: 9px; font-weight: 900; letter-spacing: .11em; }
.server-dashboard-hero .hero-copy { padding-top: 22px; }
.server-dashboard-hero .hero-copy h1 { letter-spacing: -.065em; text-shadow: 0 0 24px rgba(0,255,112,.12); }
.dashboard-server-status { margin: 22px 0 4px; display: flex; flex-wrap: wrap; gap: 8px 18px; color: #008f40; font-size: 9px; letter-spacing: .05em; }
.dashboard-server-status span { display: inline-flex; align-items: center; gap: 6px; }
.dashboard-server-status i { width: 6px; height: 6px; border-radius: 50%; background: #00ff70; box-shadow: 0 0 8px rgba(0,255,112,.65); }
.dashboard-server-status strong { color: #00f26a; }
.server-balance-console { position: relative; padding-top: 54px; border-radius: 2px; }
.console-card-head { position: absolute; inset: 0 0 auto; padding: 10px 12px; display: flex; justify-content: space-between; color: #00d85f; border-bottom: 1px solid #006f32; font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.server-data-panel, .dashboard-bottom .panel, .create-panel { border-radius: 2px; }
.server-data-panel .panel-heading { border-bottom: 1px dashed #006f32; padding-bottom: 17px; }
.server-data-panel .filter-bar { padding-top: 17px; }
.server-data-panel input, .server-data-panel select, .server-data-panel .button { border-radius: 2px; }
.server-data-panel .table-wrap { border-radius: 0; }
.server-data-panel th { letter-spacing: .12em; }
.server-data-panel tbody tr { background-image: linear-gradient(90deg, rgba(0,242,106,.018), transparent 55%); }
.dashboard-bottom .panel .panel-heading h2::before { content: ">> "; color: #008f40; }

@media (max-width: 800px) {
  .dashboard-command-bar { align-items: flex-start; flex-direction: column; gap: 5px; }
  .dashboard-command-status { font-size: 8px; }
  .server-dashboard-hero::before { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .dashboard-server-status { display: grid; }
}


/* RECEIVER — institutional base theme */
:root {
  --ink: #0a1930;
  --muted: #68768d;
  --line: #dbe4ee;
  --canvas: #f3f7fa;
  --panel: #ffffff;
  --blue: #087fce;
  --blue-dark: #055d9b;
  --cyan: #08bfd1;
  --navy: #07162c;
  --green: #0a9f78;
  --orange: #d08118;
  --red: #cf4358;
  --violet: #7358d7;
  --shadow: 0 16px 42px rgba(18, 44, 76, .08);
}

html { background: var(--canvas); }
body {
  color: var(--ink);
  background:
    radial-gradient(circle at 95% 0, rgba(8, 191, 209, .08), transparent 25rem),
    linear-gradient(180deg, #f7fafc, var(--canvas));
  font-family: Inter, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
}
:focus-visible { outline-color: rgba(8, 127, 206, .34); }

.institutional-brand { display: inline-flex; align-items: center; gap: 12px; }
.institutional-brand > span:last-child { min-width: 0; }
.institutional-brand strong, .institutional-brand small { display: block; }
.institutional-brand small { margin-top: 2px; color: #718199; font-size: 9px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.institutional-mark {
  position: relative;
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #fff;
  border: 1px solid rgba(100, 226, 238, .32);
  border-radius: 15px;
  background: linear-gradient(145deg, #0b2d53, #087fce 62%, #08bfd1);
  box-shadow: 0 10px 24px rgba(5, 86, 145, .18);
}
.institutional-mark::before, .institutional-mark::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 50%;
}
.institutional-mark::before { width: 43px; height: 43px; right: -17px; top: -17px; }
.institutional-mark::after { width: 34px; height: 34px; left: -19px; bottom: -18px; }
.institutional-mark i { position: absolute; width: 6px; height: 6px; right: 8px; bottom: 8px; border-radius: 50%; background: #8cf6e8; box-shadow: 0 0 10px #8cf6e8; }
.institutional-mark b { position: relative; z-index: 1; font-size: 13px; letter-spacing: -.03em; }

/* Login */
.login-page { color: #dceafb; background: #07162c; }
.server-login-shell.institutional-login {
  min-height: 100vh;
  padding: 26px clamp(18px, 4vw, 58px);
  color: #dceafb;
  background:
    radial-gradient(circle at 14% 16%, rgba(8, 191, 209, .14), transparent 25rem),
    radial-gradient(circle at 88% 88%, rgba(17, 101, 169, .2), transparent 28rem),
    #07162c;
}
.institutional-login .server-login-bar {
  max-width: 1480px;
  padding: 0 0 22px;
  border: 0;
  border-bottom: 1px solid rgba(166, 200, 229, .15);
  color: #dceafb;
  background: transparent;
}
.institutional-login .institutional-brand strong { color: #fff; font-size: 14px; letter-spacing: .08em; }
.institutional-login .institutional-brand small { color: #7fa1c3; }
.institutional-login .server-clock { display: inline-flex; align-items: center; gap: 8px; color: #9bb3cc; font-size: 11px; font-weight: 700; letter-spacing: .03em; }
.institutional-login .server-clock i { width: 7px; height: 7px; border-radius: 50%; background: #3be0b0; box-shadow: 0 0 0 5px rgba(59,224,176,.1); }
.institutional-login .server-login-grid { min-height: calc(100vh - 105px); grid-template-columns: minmax(0, 1.08fr) minmax(390px, .62fr); gap: clamp(54px, 9vw, 150px); }
.institutional-login .server-login-intro { max-width: 730px; padding: 0; border: 0; }
.institutional-login .server-kicker { color: #5ce4ec; font-size: 10px; letter-spacing: .19em; }
.institutional-login .server-login-intro h1 { max-width: 720px; margin: 20px 0 24px; color: #f6fbff; font-size: clamp(50px, 6.6vw, 92px); line-height: .98; letter-spacing: -.065em; text-shadow: none; }
.institutional-login .server-login-intro > p { max-width: 610px; color: #8fa9c4; font-size: 16px; line-height: 1.75; }
.institutional-login .server-status-list { margin-top: 42px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; color: #9bb3cc; }
.institutional-login .server-status-list span { min-height: 78px; padding: 16px; align-items: flex-start; flex-direction: column; gap: 8px; border: 1px solid rgba(151, 194, 226, .13); border-radius: 14px; background: rgba(255,255,255,.025); }
.institutional-login .server-status-list i { width: 18px; height: 3px; border-radius: 99px; background: linear-gradient(90deg, #08bfd1, #4be0b4); box-shadow: none; }
.institutional-login .server-status-list strong { color: #eef8ff; font-size: 11px; }
.institutional-trust { margin-top: 34px; display: flex; align-items: baseline; gap: 11px; }
.institutional-trust span { color: #fff; font-size: 30px; font-weight: 850; letter-spacing: -.04em; }
.institutional-trust small { color: #7894b0; }
.institutional-login .server-login-card { max-width: 485px; border: 1px solid rgba(185, 214, 237, .22); border-radius: 24px; color: var(--ink); background: rgba(255,255,255,.98); box-shadow: 0 28px 80px rgba(0,0,0,.26); }
.institutional-login .server-card-head { padding: 17px 24px; color: #74849b; border: 0; border-bottom: 1px solid #e4ebf2; background: #f8fafc; letter-spacing: .08em; }
.institutional-login .server-online { color: #168a6b; font-size: 9px; letter-spacing: .03em; text-transform: none; }
.institutional-login .server-online i { background: #2ecb9d; box-shadow: 0 0 0 4px rgba(46,203,157,.12); }
.institutional-login .server-identity { padding: 34px 34px 7px; align-items: flex-start; }
.institutional-login .server-login-logo { width: 58px; height: 58px; flex-basis: 58px; border-radius: 17px; }
.institutional-login .server-identity small { display: block; color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.institutional-login .server-identity strong { margin-top: 5px; color: var(--ink); font-size: 23px; letter-spacing: -.03em; }
.institutional-login .server-identity em { display: block; max-width: 265px; margin-top: 8px; color: var(--muted); font-size: 11px; font-style: normal; line-height: 1.5; }
.institutional-login .server-login-card > .alert, .institutional-login .server-login-card > form { margin-left: 34px; margin-right: 34px; }
.institutional-login .server-identity + form { margin-top: 28px; }
.institutional-login .server-login-card .button { min-height: 50px; border-radius: 12px; letter-spacing: .01em; text-transform: none; }
.institutional-login .server-otp-form { border-color: #dfe7ef; }
.institutional-login .server-otp-form label { color: #516178; letter-spacing: .02em; }
.institutional-login .server-card-foot { margin-top: 31px; padding: 15px 34px; color: #8a97a9; border: 0; border-top: 1px solid #e4ebf2; background: #f8fafc; font-size: 8px; }

/* Operations shell */
.dashboard-shell { width: min(1660px, 100%); padding: 0 26px 48px; }
.terminal-header { min-height: 88px; border-color: #dce5ee; }
.terminal-brand-mark { width: 52px; height: 52px; flex-basis: 52px; }
.terminal-brand strong { color: var(--ink); font-size: 18px; letter-spacing: .025em; }
.terminal-brand strong small { margin-left: 6px; display: inline-block; padding: 3px 6px; color: #087fce; border-radius: 5px; background: #e6f4fd; font-size: 8px; letter-spacing: .12em; vertical-align: 3px; }
.terminal-brand em { color: #718199; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.terminal-host-meta { color: #718199; }
.terminal-host-meta strong { color: var(--ink); font-size: 12px; }
.terminal-host-meta span { display: inline-flex; justify-content: flex-end; align-items: center; gap: 7px; }
.terminal-host-meta i, .footer-live i { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: #24bd8d; box-shadow: 0 0 0 4px rgba(36,189,141,.11); }
.terminal-nav {
  top: 10px;
  min-height: 61px;
  margin: 14px 0 22px;
  padding: 8px 10px;
  border: 1px solid #d9e3ed;
  border-radius: 17px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 35px rgba(18,44,76,.08);
}
.terminal-nav-links { gap: 3px; }
.terminal-nav a, .terminal-nav button { padding: 9px 10px; color: #5c6c83; border-radius: 10px; font-size: 10px; }
.terminal-nav a:hover, .terminal-nav button:hover { color: #075e9d; background: #edf7fc; }
.terminal-nav a.active { color: #fff; background: linear-gradient(135deg, #086fad, #08aabd); box-shadow: 0 7px 18px rgba(8,127,206,.2); }
.terminal-nav-session { color: #718199; }
.terminal-online { color: #14866a; }
.terminal-online i, .terminal-nodes td i, .terminal-box-heading > span i { background: #25c296; box-shadow: 0 0 0 4px rgba(37,194,150,.12); }

.terminal-overview { grid-template-columns: minmax(360px, 1.08fr) minmax(315px, .92fr) minmax(300px, .78fr); gap: 16px; }
.terminal-box, .panel, .metric { border-color: #dce5ee; border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.terminal-box h2 { color: #29405d; font-size: 10px; letter-spacing: .1em; }
.terminal-label { color: var(--blue); font-size: 9px; letter-spacing: .16em; }
.terminal-welcome { min-height: 462px; padding: 25px; }
.terminal-hero-logo { min-height: auto; margin: 0; display: block; place-items: initial; }
.terminal-hero-logo h1 { max-width: 430px; margin: 11px 0 10px; color: var(--ink); font-size: clamp(30px, 3.2vw, 49px); line-height: 1.01; letter-spacing: -.055em; }
.terminal-hero-logo p { max-width: 520px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.terminal-status-list { margin-top: 27px; gap: 0; color: #53657e; font-size: 10px; }
.terminal-status-list div { min-height: 37px; grid-template-columns: 120px 1fr; align-items: center; border-bottom: 1px solid #edf1f5; }
.terminal-status-list dt { color: #7c8ba0; }
.terminal-status-list dt::before { content: ""; width: 6px; height: 6px; display: inline-block; margin-right: 9px; border-radius: 50%; background: #20b98d; }
.terminal-status-list dt::after { display: none; }
.terminal-status-list dd { color: #193b5d; font-weight: 800; }
.terminal-quick-actions { gap: 8px; border-color: #e7edf3; }
.terminal-quick-actions button, .terminal-quick-actions a { padding: 8px 10px; color: #176fa9; border: 1px solid #d9e8f2; border-radius: 8px; background: #f5fafc; }
.terminal-quick-actions button:hover, .terminal-quick-actions a:hover { color: #fff; background: var(--blue); }
.terminal-nodes, .terminal-resources, .terminal-activity, .terminal-balance { padding: 18px; }
.terminal-nodes h2, .terminal-resources h2, .terminal-box-heading { border-color: #e4ebf1; }
.terminal-nodes th, .terminal-nodes td { color: #40536c; border-color: #e7edf3; background: transparent; }
.terminal-nodes th { color: #8795a7; }
.terminal-chart { border-color: #c8d8e5; background-image: linear-gradient(rgba(22,107,167,.09) 1px, transparent 1px); }
.terminal-chart::after { background: linear-gradient(90deg, transparent, rgba(8,191,209,.11), transparent); }
.terminal-chart i { border-radius: 4px 4px 0 0; background: #b5d7e8; box-shadow: none; }
.terminal-chart i.has-event { background: linear-gradient(180deg, #09c5d4, #087fce); box-shadow: 0 5px 12px rgba(8,127,206,.16); }
.terminal-chart-axis { color: #8997a8; }
.terminal-box-heading > span { color: #718199; }
.terminal-resources > div { color: #4b5d74; }
.terminal-resources b { border: 0; border-radius: 99px; background: #edf2f6; }
.terminal-resources b i { border-radius: 99px; background: linear-gradient(90deg, #087fce, #08bfd1); }
.terminal-resources em { color: #668097; }
.terminal-balance-total { color: var(--ink); }
.terminal-balance-total small { color: #7890a6; }
.terminal-sparkline i { border-color: #08aabd; }
.terminal-asset-list { border-color: #e5ebf1; }
.terminal-asset-list > div { border-color: #e7edf3; }
.terminal-asset-list span b, .terminal-asset-list strong { color: #29405d; }
.terminal-empty { color: #8a98aa; }

/* Data surfaces */
.server-data-panel, .terminal-list-panel, .terminal-client-panel, .terminal-allocation-panel { border-color: #dce5ee; border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.terminal-directory-heading .panel-description strong, .terminal-list-heading h2, .terminal-list-heading a, .terminal-list-heading button { color: #245a82; }
.terminal-search input, input, select { color: var(--ink); border-color: #ccd8e4; border-radius: 10px; background: #fff; caret-color: #087fce; }
input::placeholder, .ledger-transfer-form input::placeholder { color: #94a2b3; }
input:focus, select:focus { border-color: #168dc8; box-shadow: 0 0 0 3px rgba(8,127,206,.11); }
.terminal-filter-menu > summary { color: #176fa9; border-color: #cbdde9; border-radius: 10px; background: #f4f9fc; }
.terminal-filter-menu[open] > summary { color: #fff; background: var(--blue); }
.terminal-filter-popover { border-color: #d9e3ed; border-radius: 14px; background: #fff; box-shadow: 0 18px 45px rgba(18,44,76,.16); }
.terminal-filter-popover label, label { color: #52647b; }
th { color: #718198; border-color: #dfe7ee; background: #f6f9fb; }
td { color: #344a65; border-color: #e7edf2; }
tbody tr:hover { background: #f3f9fc; }
.wallet-table-wrap { border-color: #dbe5ed; }
.wallet-link, .row-arrow, .copy-link, .metric-refresh, .address-short, code, .client-name, .onchain-amount strong { color: #087bbd; }
.asset-avatar { color: #fff; border: 0; background: linear-gradient(145deg, #087fce, #08bfd1); box-shadow: 0 8px 16px rgba(8,127,206,.17); }
.sync-status, .sync-status.live { color: #118269; border-color: #bfe9dc; background: #edf9f5; }
.copy-icon, .row-arrow, .network-name > i { color: #087bbd; border-color: #cfe1ec; background: #f4fafd; text-shadow: none; }
.copy-icon:hover, .row-arrow:hover { color: #fff; background: #087fce; }
.terminal-event-table th, .terminal-event-table td, .terminal-log-table th, .terminal-log-table td { color: #40536c; border-color: #e5ebf1; background: transparent; }
.terminal-event-table th, .terminal-log-table th { color: #8090a4; }
.terminal-event-table tbody tr:hover { background: #f3f9fc; }
.terminal-event-table code { color: #59728b; }
.terminal-log-table td:last-child { color: #50647d; }
.terminal-client-copy, .terminal-client-grid article small, .terminal-client-grid article em { color: #7d8da0; }
.terminal-client-grid article { border-color: #e0e8ef; border-radius: 12px; background: #f9fbfc; }
.terminal-client-grid article > i { color: #fff; background: linear-gradient(145deg, #087fce, #08bfd1); box-shadow: none; }
.terminal-client-grid article strong { color: #29405d; }
.terminal-allocation-panel > summary, .terminal-allocation-panel .summary-title { color: #29405d; }
.terminal-allocation-panel > summary span { color: #7d8da0; }
.terminal-allocation-panel .summary-title i { color: #087fce; border-color: #cfe1ec; background: #f1f8fc; text-shadow: none; box-shadow: none; }
.terminal-allocation-grid { border-color: #e3eaf0; }
.terminal-allocation-grid > div { border-color: #e7edf2; }
.terminal-allocation-grid small { color: #7c8da1; }

[data-icon]::before { color: #087fce; text-shadow: none; }
[data-icon]:hover::before, [data-icon]:focus-visible::before { color: currentColor; text-shadow: none; }
.terminal-nav-links [data-icon]::before { border-color: transparent; border-radius: 6px; background: rgba(8,127,206,.07); box-shadow: none; }
.terminal-nav-links a.active[data-icon]::before { color: #fff; border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.13); }
.button.primary { color: #fff; background: linear-gradient(135deg, #087fce, #08aabd); box-shadow: 0 9px 22px rgba(8,127,206,.2); }
.button.primary:hover { background: linear-gradient(135deg, #0667a8, #078d9e); }
.button.dark { background: #0a1930; }
.button.ghost { color: #40536c; border-color: #d6e0e9; background: #fff; }
.alert.success, .badge.success, .activity-icon.success { color: #087b5e; border-color: #bfe4d7; background: #edf8f4; }
.badge.info, .activity-icon.info, .badge.muted, .activity-icon.muted { color: #47627c; background: #eef3f7; }
.ledger-onboard, .ledger-waiting, .ledger-status, .transfer-review { color: #284761; border-color: #d4e2ec; background: #f7fbfd; box-shadow: none; }
.ledger-onboard small, .ledger-onboard .ledger-help, .ledger-waiting small, .ledger-transfer-intro p, .device-visual small, .review-warning span, .transfer-review dt { color: #718199; }
.security-chip { color: #087b5e; border-color: #bfe4d7; background: #edf8f4; }
.device-visual > span { color: #087fce; border-color: #cfe1ec; background: #eef8fc; }
.toast { color: #fff; border-color: #087fce; background: #0a3658; }

.terminal-footer { border-color: #dce5ee; border-radius: 16px; background: #fff; box-shadow: 0 12px 32px rgba(18,44,76,.06); }
.terminal-footer-mark { width: 42px; height: 42px; flex-basis: 42px; border-radius: 13px; }
.terminal-footer strong { color: var(--ink); }
.terminal-footer small, .terminal-footer p { color: #718199; }
.footer-live { color: #14866a; }

::-webkit-scrollbar-track { background: #edf2f6; }
::-webkit-scrollbar-thumb { border-color: #edf2f6; background: #a6bbc9; }

@media (prefers-reduced-motion: no-preference) {
  .terminal-nav-links [data-icon]::before, .terminal-allocation-panel .summary-title i { animation: none; }
}
@media (max-width: 1180px) {
  .terminal-overview { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 920px) {
  .institutional-login .server-login-grid { grid-template-columns: 1fr; gap: 38px; }
  .institutional-login .server-login-intro h1 { max-width: 650px; }
  .institutional-login .server-login-card { max-width: 620px; }
  .terminal-nav { align-items: flex-start; flex-direction: column; }
  .terminal-nav-links { width: 100%; overflow-x: auto; }
  .terminal-nav-session { width: 100%; justify-content: flex-end; }
}
@media (max-width: 700px) {
  .dashboard-shell { padding: 0 12px 32px; }
  .institutional-login .server-login-bar { align-items: flex-start; }
  .institutional-login .server-clock { display: none; }
  .institutional-login .server-login-grid { padding: 38px 0; }
  .institutional-login .server-login-intro h1 { font-size: 47px; }
  .institutional-login .server-login-intro > p { display: block; font-size: 14px; }
  .institutional-login .server-status-list { display: none; }
  .institutional-login .server-login-card { border-radius: 19px; }
  .institutional-login .server-identity { padding: 27px 22px 5px; }
  .institutional-login .server-login-card > .alert, .institutional-login .server-login-card > form { margin-left: 22px; margin-right: 22px; }
  .institutional-login .server-card-foot { padding: 15px 22px; }
  .terminal-overview { grid-template-columns: 1fr; }
  .terminal-welcome { min-height: 440px; }
  .terminal-header { min-height: 76px; }
  .terminal-host-meta { display: none; }
  .terminal-nav-session > span:first-child { display: none; }
}

/* RECEIVER — Signal Desk identity */
.signal-receiver-page {
  --ink: #f5f1ee;
  --muted: #9299a8;
  --line: #303745;
  --canvas: #10141c;
  --panel: #171c26;
  --blue: #ff694f;
  --blue-dark: #d94837;
  --cyan: #ff3c91;
  --green: #42d6a4;
  --orange: #ff9b46;
  --red: #ff546c;
  --shadow: 0 18px 55px rgba(0,0,0,.28);
  color: #edf0f6;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    radial-gradient(circle at 92% 2%, rgba(255,60,145,.1), transparent 25rem),
    #10141c;
  background-size: 34px 34px, 34px 34px, auto, auto;
}

.signal-mark {
  overflow: hidden;
  color: #fff;
  border: 1px solid rgba(255,145,86,.45);
  border-radius: 50%;
  background: radial-gradient(circle at center,#ff9053 0 8%,#de4a4a 9% 16%,#54243f 17% 30%,#181d28 31%);
  box-shadow: 0 0 0 4px rgba(255,103,79,.07),0 12px 28px rgba(0,0,0,.28);
}
.signal-mark::before { width: 41px; height: 41px; inset: 5px; border: 1px solid rgba(255,255,255,.22); background: conic-gradient(from 30deg,transparent 0 74%,rgba(255,91,102,.55) 75% 78%,transparent 79%); }
.signal-mark::after { width: 5px; height: 5px; left: 9px; bottom: 12px; border: 0; background: #ffcf66; box-shadow: 19px -18px 0 #ff5d9a,28px 7px 0 #50d7a7; }
.signal-mark i { width: 18px; height: 2px; right: 7px; bottom: 24px; border-radius: 99px; background: #ffb34d; box-shadow: none; transform: rotate(-26deg); transform-origin: right center; }
.signal-mark b { z-index: 2; font-size: 15px; text-shadow: 0 2px 8px rgba(0,0,0,.5); }

/* Signal login */
.login-page .signal-login { color: #eff1f6; background:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
  radial-gradient(circle at 10% 20%,rgba(255,100,70,.13),transparent 28rem),
  radial-gradient(circle at 90% 80%,rgba(255,50,141,.1),transparent 28rem),
  #10141c;
  background-size: 34px 34px,34px 34px,auto,auto,auto;
}
.login-page .signal-login .server-login-bar { border-color: #303745; color: #eff1f6; }
.login-page .signal-login .institutional-brand strong { color: #fff; font-size: 15px; }
.login-page .signal-login .institutional-brand small { color: #9299a8; }
.login-page .signal-login .server-clock { color: #a6acb8; }
.login-page .signal-login .server-clock i { background: #ff8d4f; box-shadow: 0 0 0 5px rgba(255,141,79,.1),0 0 15px rgba(255,96,66,.35); }
.login-page .signal-login .server-login-grid { grid-template-columns: minmax(0,1.08fr) minmax(390px,.64fr); gap: clamp(48px,8vw,125px); }
.login-page .signal-login .server-login-intro { max-width: 780px; padding: clamp(28px,4vw,55px); overflow: hidden; border: 1px solid #323846; border-radius: 8px; background:
  radial-gradient(circle at 82% 32%,rgba(255,60,145,.18),transparent 16rem),
  linear-gradient(145deg,#1d222d,#151923); box-shadow: 0 28px 80px rgba(0,0,0,.3); }
.login-page .signal-login .server-login-intro::before { content: ""; position: absolute; width: 430px; height: 430px; right: -160px; top: -130px; border: 1px solid rgba(255,116,75,.28); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,116,75,.035),0 0 0 90px rgba(255,60,145,.025); }
.login-page .signal-login .server-login-intro::after { content: ""; position: absolute; width: 310px; height: 1px; right: -5px; top: 157px; background: linear-gradient(90deg,transparent,#ff7c4f); transform: rotate(-18deg); transform-origin: right center; }
.login-page .signal-login .server-kicker { position: relative; z-index: 1; color: #ff9b54; }
.login-page .signal-login .server-login-intro h1 { position: relative; z-index: 1; max-width: 650px; color: #fff; font-size: clamp(56px,7.4vw,104px); line-height: .86; letter-spacing: -.072em; text-shadow: none; text-transform: uppercase; }
.login-page .signal-login .server-login-intro > p { position: relative; z-index: 1; max-width: 570px; color: #9ea5b2; }
.login-page .signal-login .server-status-list { position: relative; z-index: 1; grid-template-columns: repeat(3,minmax(0,1fr)); }
.login-page .signal-login .server-status-list span { min-height: 86px; padding: 15px; border: 1px solid #323947; border-radius: 4px; color: #a8aeba; background: rgba(255,255,255,.025); }
.login-page .signal-login .server-status-list i { width: 8px; height: 8px; border-radius: 50%; background: #ff8250; box-shadow: 0 0 12px rgba(255,102,68,.5); }
.login-page .signal-login .server-status-list strong { color: #ffb15c; }
.login-page .signal-login .institutional-trust { position: relative; z-index: 1; }
.login-page .signal-login .institutional-trust span { color: #ff6c53; }
.login-page .signal-login .institutional-trust small { color: #8f96a5; }
.login-page .signal-login .server-login-card { border: 1px solid #343b48; border-radius: 8px; color: #eff1f6; background: rgba(24,29,39,.96); box-shadow: 0 28px 80px rgba(0,0,0,.34); }
.login-page .signal-login .server-card-head { color: #8e95a3; border-color: #343b48; background: #13171f; }
.login-page .signal-login .server-online { color: #ffad59; }
.login-page .signal-login .server-online i { background: #ff784e; box-shadow: 0 0 0 4px rgba(255,120,78,.1),0 0 12px rgba(255,85,77,.35); }
.login-page .signal-login .server-identity strong { color: #fff; font-size: 24px; }
.login-page .signal-login .server-identity small { color: #ff8c52; }
.login-page .signal-login .server-identity em { color: #9098a8; }
.login-page .signal-login .server-login-card .button { border-radius: 4px; }
.login-page .signal-login .button.primary { background: linear-gradient(135deg,#ff7b4c,#f34a60 58%,#d8368b); box-shadow: 0 12px 28px rgba(229,63,86,.22); }
.login-page .signal-login .button.dark { color: #fff; background: #303746; }
.login-page .signal-login .server-otp-form { border-color: #343b48; }
.login-page .signal-login input { color: #fff; border-color: #414957; background: #11151d; }
.login-page .signal-login .server-card-foot { color: #7f8796; border-color: #343b48; background: #13171f; }

/* Signal dashboard */
.signal-receiver-page .dashboard-shell { width: min(1680px,100%); padding: 0 28px 55px; }
.signal-receiver-page .terminal-header { min-height: 92px; border-color: #303745; }
.signal-receiver-page .terminal-brand strong { color: #fff; font-size: 20px; }
.signal-receiver-page .terminal-brand strong small { color: #ff9b54; background: rgba(255,122,75,.1); }
.signal-receiver-page .terminal-brand em { color: #8e96a5; }
.signal-receiver-page .terminal-host-meta strong { color: #f2f4f8; }
.signal-receiver-page .terminal-host-meta span { color: #8e96a5; }
.signal-receiver-page .terminal-host-meta i, .signal-receiver-page .footer-live i { background: #ff8150; box-shadow: 0 0 0 4px rgba(255,129,80,.09),0 0 12px rgba(255,83,82,.32); }

.signal-receiver-page .terminal-nav { top: 10px; min-height: 62px; margin: 13px 0 22px; border: 1px solid #333a47; border-radius: 7px; background: rgba(20,24,33,.95); box-shadow: 0 14px 42px rgba(0,0,0,.3); backdrop-filter: blur(16px); }
.signal-receiver-page .terminal-nav-links { gap: 3px; }
.signal-receiver-page .terminal-nav a, .signal-receiver-page .terminal-nav button { color: #9199a8; border-radius: 4px; }
.signal-receiver-page .terminal-nav a:hover, .signal-receiver-page .terminal-nav button:hover { color: #ff9e5b; background: rgba(255,121,73,.06); }
.signal-receiver-page .terminal-nav a.active { color: #fff; background: linear-gradient(135deg,#ff764b,#e64370); box-shadow: 0 8px 20px rgba(225,61,88,.2); }
.signal-receiver-page .terminal-nav-links [data-icon]::before { color: #ff9859; border: 0; border-radius: 3px; background: rgba(255,113,72,.06); }
.signal-receiver-page .terminal-nav-links a.active[data-icon]::before { color: #fff; background: rgba(255,255,255,.12); }
.signal-receiver-page .terminal-nav-session { color: #8f97a5; }
.signal-receiver-page .terminal-online { color: #ff9c57; }
.signal-receiver-page .terminal-online i { background: #ff7950; box-shadow: 0 0 0 4px rgba(255,121,80,.1); }

.signal-receiver-page .terminal-overview { grid-template-columns: minmax(360px,1.05fr) minmax(310px,.95fr) minmax(300px,.8fr); gap: 16px; }
.signal-receiver-page .terminal-box, .signal-receiver-page .panel, .signal-receiver-page .metric { border-color: #303745; border-radius: 8px; background: rgba(23,28,38,.95); box-shadow: 0 18px 52px rgba(0,0,0,.24); }
.signal-receiver-page .terminal-welcome { position: relative; min-height: 462px; padding: 27px; overflow: hidden; background:
  radial-gradient(circle at 87% 18%,rgba(255,55,139,.18),transparent 15rem),
  linear-gradient(145deg,#1c222e,#171b24); }
.signal-receiver-page .terminal-welcome::before { content: ""; position: absolute; width: 330px; height: 330px; right: -150px; top: -130px; border: 1px solid rgba(255,125,73,.22); border-radius: 50%; box-shadow: 0 0 0 38px rgba(255,125,73,.025),0 0 0 76px rgba(255,55,139,.018); }
.signal-receiver-page .terminal-label { color: #ff9658; }
.signal-receiver-page .terminal-hero-logo { position: relative; z-index: 1; }
.signal-receiver-page .terminal-hero-logo h1 { color: #fff; font-size: clamp(36px,3.7vw,58px); text-transform: uppercase; }
.signal-receiver-page .terminal-hero-logo p { color: #969ead; }
.signal-receiver-page .terminal-status-list { position: relative; z-index: 1; }
.signal-receiver-page .terminal-status-list div { border-color: #303744; }
.signal-receiver-page .terminal-status-list dt { color: #858d9d; }
.signal-receiver-page .terminal-status-list dt::before { background: #ff8050; box-shadow: 0 0 8px rgba(255,94,79,.4); }
.signal-receiver-page .terminal-status-list dd { color: #f2f4f7; }
.signal-receiver-page .terminal-quick-actions { position: relative; z-index: 1; border-color: #343b48; }
.signal-receiver-page .terminal-quick-actions a { color: #ff9b58; border-color: #4a3b3d; border-radius: 4px; background: rgba(255,116,70,.04); }
.signal-receiver-page .terminal-quick-actions a:hover { color: #fff; background: #e9584d; }
.signal-receiver-page .terminal-box h2 { color: #c4c9d2; }
.signal-receiver-page .terminal-nodes h2, .signal-receiver-page .terminal-resources h2, .signal-receiver-page .terminal-box-heading { border-color: #343b48; }
.signal-receiver-page .terminal-nodes th, .signal-receiver-page .terminal-nodes td { color: #aeb4c0; border-color: #303744; }
.signal-receiver-page .terminal-nodes th { color: #777f8e; }
.signal-receiver-page .terminal-chart { border-color: #414957; background-image: linear-gradient(rgba(255,111,68,.07) 1px,transparent 1px); }
.signal-receiver-page .terminal-chart::after { background: linear-gradient(90deg,transparent,rgba(255,74,120,.12),transparent); }
.signal-receiver-page .terminal-chart i { background: #343b48; }
.signal-receiver-page .terminal-chart i.has-event { background: linear-gradient(180deg,#ff9d4e,#f04f5c 55%,#d72f91); box-shadow: 0 5px 13px rgba(231,62,93,.18); }
.signal-receiver-page .terminal-chart-axis, .signal-receiver-page .terminal-box-heading > span { color: #747c8b; }
.signal-receiver-page .terminal-resources > div { color: #a8afba; }
.signal-receiver-page .terminal-resources b { background: #2c333f; }
.signal-receiver-page .terminal-resources b i { background: linear-gradient(90deg,#ff8f4e,#e74376); }
.signal-receiver-page .terminal-resources em { color: #8b93a1; }
.signal-receiver-page .terminal-balance-total { color: #fff; }
.signal-receiver-page .terminal-balance-total small { color: #9098a7; }
.signal-receiver-page .terminal-sparkline i { border-color: #ff4c8f; }
.signal-receiver-page .terminal-asset-list { border-color: #343b48; }
.signal-receiver-page .terminal-asset-list > div { border-color: #303744; }
.signal-receiver-page .terminal-asset-list span b, .signal-receiver-page .terminal-asset-list strong { color: #e8ebf0; }

.signal-receiver-page .server-data-panel, .signal-receiver-page .terminal-list-panel, .signal-receiver-page .terminal-client-panel, .signal-receiver-page .terminal-allocation-panel { border-radius: 8px; border-color: #303745; background: rgba(23,28,38,.95); }
.signal-receiver-page input, .signal-receiver-page select { color: #eef1f5; border-color: #414957; border-radius: 4px; background: #11151d; }
.signal-receiver-page input::placeholder { color: #69717f; }
.signal-receiver-page input:focus, .signal-receiver-page select:focus { border-color: #ff7850; box-shadow: 0 0 0 3px rgba(255,102,71,.1); }
.signal-receiver-page .terminal-filter-menu > summary { color: #ff9656; border-color: #48404a; border-radius: 4px; background: #1c202a; }
.signal-receiver-page .terminal-filter-menu[open] > summary { color: #fff; background: #dc4e5e; }
.signal-receiver-page .terminal-filter-popover { border-color: #3b424f; border-radius: 6px; background: #181d27; }
.signal-receiver-page th { color: #858d9c; border-color: #343b48; background: #121720; }
.signal-receiver-page td { color: #c0c6d0; border-color: #303744; }
.signal-receiver-page tbody tr:hover { background: #202631; }
.signal-receiver-page .asset-avatar { background: linear-gradient(145deg,#ff794b,#df3b81); box-shadow: 0 8px 17px rgba(224,59,99,.17); }
.signal-receiver-page .wallet-link, .signal-receiver-page .row-arrow, .signal-receiver-page .copy-link, .signal-receiver-page .metric-refresh, .signal-receiver-page .address-short, .signal-receiver-page code, .signal-receiver-page .client-name, .signal-receiver-page .onchain-amount strong { color: #ff8d55; }
.signal-receiver-page .button.primary { background: linear-gradient(135deg,#ff7849,#e64171); }
.signal-receiver-page .button.dark { color: #fff; background: #303745; }
.signal-receiver-page .button.ghost { color: #bdc2cc; border-color: #414856; background: #1a1f29; }
.signal-receiver-page [data-icon]::before { color: #ff8e54; }
.signal-receiver-page .terminal-footer { border-radius: 8px; border-color: #303745; background: #171c26; }
.signal-receiver-page .terminal-footer strong { color: #fff; }
.signal-receiver-page .terminal-footer small, .signal-receiver-page .terminal-footer p { color: #868e9d; }
.signal-receiver-page .footer-live { color: #ff9857; }

@media (max-width: 1100px) {
  .signal-receiver-page .terminal-overview { grid-template-columns: 1fr 1fr; }
  .login-page .signal-login .server-login-grid { grid-template-columns: 1fr; }
  .login-page .signal-login .server-login-card { max-width: 640px; }
}
@media (max-width: 720px) {
  .signal-receiver-page .dashboard-shell { padding: 0 12px 36px; }
  .signal-receiver-page .terminal-overview { grid-template-columns: 1fr; }
  .login-page .signal-login .server-login-intro { padding: 34px 24px; }
  .login-page .signal-login .server-login-intro h1 { font-size: 51px; }
  .login-page .signal-login .server-status-list { display: none; }
}

/* TREASURY WALLET — Reserve Management Office */
.treasury-page {
  --ink: #17372d;
  --muted: #66736d;
  --line: #d8d2c3;
  --canvas: #f2efe6;
  --panel: #fffdf7;
  --blue: #1e5947;
  --blue-dark: #123d31;
  --cyan: #b78a3e;
  --green: #28735a;
  --orange: #b7782f;
  --red: #a8493d;
  --shadow: 0 18px 45px rgba(39,53,45,.1);
  color: #243b33;
  background:
    linear-gradient(90deg,rgba(33,76,61,.025) 1px,transparent 1px),
    #f2efe6;
  background-size: 72px 100%;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
}

.treasury-mark {
  overflow: hidden;
  color: #f8f0d9;
  border: 1px solid #b68a43;
  border-radius: 2px;
  background: #173f33;
  box-shadow: inset 0 0 0 4px #173f33, inset 0 0 0 5px rgba(226,195,126,.45), 0 8px 20px rgba(26,62,50,.18);
}
.treasury-mark::before { inset: 9px; width: auto; height: auto; border: 1px solid rgba(229,202,142,.46); border-radius: 50%; background: transparent; }
.treasury-mark::after { content: ""; left: 50%; top: 5px; width: 1px; height: 7px; border: 0; background: #caa45d; box-shadow: 0 37px 0 #caa45d; transform: translateX(-50%); }
.treasury-mark i { left: 5px; top: 50%; width: 7px; height: 1px; border-radius: 0; background: #caa45d; box-shadow: 37px 0 0 #caa45d; transform: translateY(-50%); }
.treasury-mark b { z-index: 2; font-family: Georgia, "Times New Roman", serif; font-size: 20px; font-weight: 500; }

/* Treasury login */
.login-page .treasury-login {
  color: #18382e;
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(36,74,60,.06) 50%,transparent 50.1%),
    radial-gradient(circle at 84% 15%,rgba(183,138,62,.15),transparent 25rem),
    #f1eee5;
  background-size: 72px 100%,auto,auto;
}
.login-page .treasury-login .server-login-bar { max-width: 1540px; border-color: #d5cebe; }
.login-page .treasury-login .institutional-brand strong { color: #173f33; font-family: Georgia,"Times New Roman",serif; font-size: 17px; letter-spacing: .12em; }
.login-page .treasury-login .institutional-brand small { color: #7b756a; letter-spacing: .08em; }
.login-page .treasury-login .server-clock { color: #56675f; }
.login-page .treasury-login .server-clock i { border-radius: 1px; background: #b78a3e; box-shadow: 0 0 0 4px rgba(183,138,62,.12); }
.login-page .treasury-login .server-login-grid { max-width: 1540px; grid-template-columns: minmax(0,1.18fr) minmax(390px,.62fr); gap: clamp(40px,7vw,108px); }
.login-page .treasury-login .server-login-intro { position: relative; max-width: 850px; padding: clamp(44px,6vw,92px); border: 1px solid #d1c7b3; border-radius: 0; background: #fffdf7; box-shadow: 18px 18px 0 rgba(26,69,55,.07); }
.login-page .treasury-login .server-login-intro::before { content: "T"; position: absolute; right: 38px; top: 12px; color: rgba(25,66,53,.055); font: 280px/.8 Georgia,"Times New Roman",serif; }
.login-page .treasury-login .server-login-intro::after { content: "RESERVE / CONTROL / CUSTODY"; position: absolute; right: -81px; top: 50%; color: #99896c; font-size: 9px; font-weight: 800; letter-spacing: .28em; transform: rotate(90deg); }
.login-page .treasury-login .server-kicker { position: relative; z-index: 1; color: #a06f28; letter-spacing: .24em; }
.login-page .treasury-login .server-login-intro h1 { position: relative; z-index: 1; max-width: 720px; color: #173f33; font-family: Georgia,"Times New Roman",serif; font-size: clamp(54px,6.7vw,96px); font-weight: 400; line-height: .91; letter-spacing: -.055em; text-transform: none; text-shadow: none; }
.login-page .treasury-login .server-login-intro > p { position: relative; z-index: 1; max-width: 610px; color: #6a716b; font-family: Georgia,"Times New Roman",serif; font-size: 18px; line-height: 1.75; }
.login-page .treasury-login .server-status-list { position: relative; z-index: 1; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #dbd3c4; }
.login-page .treasury-login .server-status-list span { min-height: 92px; padding: 22px 14px 12px 0; color: #77786f; border: 0; border-right: 1px solid #e1dacd; border-radius: 0; background: transparent; }
.login-page .treasury-login .server-status-list span:last-child { border-right: 0; padding-left: 14px; }
.login-page .treasury-login .server-status-list span:nth-child(2) { padding-left: 14px; }
.login-page .treasury-login .server-status-list i { width: 7px; height: 7px; border-radius: 0; background: #b78a3e; box-shadow: none; }
.login-page .treasury-login .server-status-list strong { color: #274e40; font-family: Georgia,"Times New Roman",serif; font-size: 15px; }
.login-page .treasury-login .institutional-trust span { color: #173f33; font-family: Georgia,"Times New Roman",serif; }
.login-page .treasury-login .institutional-trust small { color: #837d70; }
.login-page .treasury-login .server-login-card { border: 1px solid #cfc4ae; border-radius: 0; color: #203d33; background: #fffdf7; box-shadow: 14px 14px 0 #173f33; }
.login-page .treasury-login .server-card-head { color: #f3ead4; border-color: #2e594b; background: #173f33; letter-spacing: .13em; }
.login-page .treasury-login .server-online { color: #dcc58f; }
.login-page .treasury-login .server-online i { border-radius: 1px; background: #d0ad66; box-shadow: none; }
.login-page .treasury-login .server-identity strong { color: #173f33; font-family: Georgia,"Times New Roman",serif; font-size: 27px; font-weight: 500; }
.login-page .treasury-login .server-identity small { color: #a17231; }
.login-page .treasury-login .server-identity em { color: #777b73; }
.login-page .treasury-login .server-login-card .button { border-radius: 1px; letter-spacing: .04em; }
.login-page .treasury-login .button.primary { color: #fff8e8; background: #1e5947; box-shadow: 0 9px 20px rgba(30,89,71,.18); }
.login-page .treasury-login .button.primary:hover { background: #143f33; }
.login-page .treasury-login .button.dark { color: #fff8e8; background: #9b6d2e; }
.login-page .treasury-login .server-otp-form { border-color: #ded5c4; }
.login-page .treasury-login input { color: #173f33; border-color: #cfc5b2; border-radius: 0; background: #f7f3e9; }
.login-page .treasury-login input:focus { border-color: #9b763a; box-shadow: 0 0 0 3px rgba(183,138,62,.12); }
.login-page .treasury-login .server-card-foot { color: #77766d; border-color: #ded5c4; background: #f6f1e6; }

/* Treasury dashboard */
.treasury-page .dashboard-shell { width: min(1700px,100%); padding: 0 30px 58px; }
.treasury-page .terminal-header { min-height: 98px; border-color: #d2cbbb; }
.treasury-page .terminal-brand strong { color: #173f33; font-family: Georgia,"Times New Roman",serif; font-size: 22px; letter-spacing: .1em; }
.treasury-page .terminal-brand strong small { color: #fff8e8; border-radius: 1px; background: #a97c36; }
.treasury-page .terminal-brand em { color: #827b6d; letter-spacing: .1em; }
.treasury-page .terminal-host-meta strong { color: #29473d; }
.treasury-page .terminal-host-meta span { color: #7f7b70; }
.treasury-page .terminal-host-meta i, .treasury-page .footer-live i { border-radius: 1px; background: #b78a3e; box-shadow: 0 0 0 4px rgba(183,138,62,.1); }
.treasury-page .terminal-nav { top: 10px; min-height: 64px; margin: 14px 0 25px; border: 1px solid #cfc6b5; border-radius: 0; background: rgba(255,253,247,.96); box-shadow: 8px 8px 0 rgba(23,63,51,.07); backdrop-filter: blur(12px); }
.treasury-page .terminal-nav::before { content: "RESERVE CONTROL"; align-self: stretch; display: grid; place-items: center; padding: 0 18px; color: #e7d8b8; background: #173f33; font: 700 9px/1 Inter,sans-serif; letter-spacing: .18em; writing-mode: vertical-rl; transform: rotate(180deg); }
.treasury-page .terminal-nav-links { gap: 1px; }
.treasury-page .terminal-nav a, .treasury-page .terminal-nav button { color: #66736d; border-radius: 0; }
.treasury-page .terminal-nav a:hover, .treasury-page .terminal-nav button:hover { color: #173f33; background: #f2ecdf; }
.treasury-page .terminal-nav a.active { color: #fff9e9; background: #1e5947; box-shadow: none; }
.treasury-page .terminal-nav-links [data-icon]::before { color: #9c7536; border: 0; border-radius: 0; background: transparent; }
.treasury-page .terminal-nav-links a.active[data-icon]::before { color: #dfc47f; background: transparent; }
.treasury-page .terminal-nav-session { color: #74796f; }
.treasury-page .terminal-online { color: #856229; }
.treasury-page .terminal-online i { border-radius: 1px; background: #b78a3e; box-shadow: none; }

.treasury-page .terminal-overview { grid-template-columns: minmax(380px,1.08fr) minmax(320px,.94fr) minmax(300px,.78fr); gap: 18px; }
.treasury-page .terminal-box, .treasury-page .panel, .treasury-page .metric { border-color: #d7d0c1; border-radius: 0; background: #fffdf7; box-shadow: 8px 8px 0 rgba(23,63,51,.06); }
.treasury-page .terminal-welcome { position: relative; min-height: 470px; padding: 32px; overflow: hidden; color: #f8f1df; background: #173f33; }
.treasury-page .terminal-welcome::before { content: "T"; position: absolute; right: -10px; top: -55px; color: rgba(232,210,158,.08); font: 390px/.9 Georgia,"Times New Roman",serif; }
.treasury-page .terminal-welcome::after { content: "CAPITAL · CUSTODY · CONTROL"; position: absolute; right: 28px; bottom: 24px; color: #c6ad73; font-size: 9px; font-weight: 800; letter-spacing: .24em; }
.treasury-page .terminal-label { position: relative; z-index: 1; color: #d6b96f; letter-spacing: .2em; }
.treasury-page .terminal-hero-logo { position: relative; z-index: 1; }
.treasury-page .terminal-hero-logo h1 { max-width: 580px; color: #fff9e9; font-family: Georgia,"Times New Roman",serif; font-size: clamp(38px,4vw,63px); font-weight: 400; line-height: .98; letter-spacing: -.045em; text-transform: none; }
.treasury-page .terminal-hero-logo p { max-width: 540px; color: #c0cdc6; font-family: Georgia,"Times New Roman",serif; font-size: 16px; line-height: 1.65; }
.treasury-page .terminal-status-list { position: relative; z-index: 1; }
.treasury-page .terminal-status-list div { border-color: rgba(233,218,184,.2); }
.treasury-page .terminal-status-list dt { color: #9eaea6; }
.treasury-page .terminal-status-list dt::before { border-radius: 1px; background: #c7a75e; box-shadow: none; }
.treasury-page .terminal-status-list dd { color: #f6ecd4; }
.treasury-page .terminal-quick-actions { position: relative; z-index: 1; border-color: rgba(233,218,184,.22); }
.treasury-page .terminal-quick-actions a { color: #e1c983; border-color: rgba(224,199,137,.28); border-radius: 0; background: rgba(255,255,255,.035); }
.treasury-page .terminal-quick-actions a:hover { color: #173f33; background: #e2c77f; }
.treasury-page .terminal-box h2 { color: #314f44; font-family: Georgia,"Times New Roman",serif; letter-spacing: .04em; }
.treasury-page .terminal-nodes h2, .treasury-page .terminal-resources h2, .treasury-page .terminal-box-heading { border-color: #ddd5c6; }
.treasury-page .terminal-nodes th, .treasury-page .terminal-nodes td { color: #53665f; border-color: #e1dacd; }
.treasury-page .terminal-nodes th { color: #908878; background: #f6f2e8; }
.treasury-page .terminal-chart { border-color: #d7cdbb; background-color: #f8f4ea; background-image: linear-gradient(rgba(34,83,66,.07) 1px,transparent 1px); }
.treasury-page .terminal-chart::after { background: linear-gradient(90deg,transparent,rgba(183,138,62,.13),transparent); }
.treasury-page .terminal-chart i { background: #dcd5c7; }
.treasury-page .terminal-chart i.has-event { background: linear-gradient(180deg,#c5a256,#1e5947); box-shadow: none; }
.treasury-page .terminal-chart-axis, .treasury-page .terminal-box-heading > span { color: #8a857a; }
.treasury-page .terminal-resources > div { color: #52675f; }
.treasury-page .terminal-resources b { background: #ebe5d8; }
.treasury-page .terminal-resources b i { background: linear-gradient(90deg,#1e5947,#bc9347); }
.treasury-page .terminal-resources em { color: #817b70; }
.treasury-page .terminal-balance-total { color: #173f33; font-family: Georgia,"Times New Roman",serif; }
.treasury-page .terminal-balance-total small { color: #827b6e; }
.treasury-page .terminal-sparkline i { border-color: #b78a3e; }
.treasury-page .terminal-asset-list, .treasury-page .terminal-asset-list > div { border-color: #dfd8cb; }
.treasury-page .terminal-asset-list span b, .treasury-page .terminal-asset-list strong { color: #294b3f; }

.treasury-page .server-data-panel, .treasury-page .terminal-list-panel, .treasury-page .terminal-client-panel, .treasury-page .terminal-allocation-panel { border-radius: 0; border-color: #d5ccbb; background: #fffdf7; }
.treasury-page input, .treasury-page select { color: #173f33; border-color: #cfc5b3; border-radius: 0; background: #faf7ef; }
.treasury-page input::placeholder { color: #9b978d; }
.treasury-page input:focus, .treasury-page select:focus { border-color: #9e793d; box-shadow: 0 0 0 3px rgba(183,138,62,.12); }
.treasury-page .terminal-filter-menu > summary { color: #6f552a; border-color: #d3c7b1; border-radius: 0; background: #f7f1e5; }
.treasury-page .terminal-filter-menu[open] > summary { color: #fff9e9; background: #1e5947; }
.treasury-page .terminal-filter-popover { border-color: #cabfa9; border-radius: 0; background: #fffdf7; }
.treasury-page th { color: #756e62; border-color: #dcd4c6; background: #f2ecdf; }
.treasury-page td { color: #465d54; border-color: #e3dccf; }
.treasury-page tbody tr:hover { background: #f8f3e8; }
.treasury-page .asset-avatar { border-radius: 2px; background: linear-gradient(145deg,#1e5947,#b78a3e); box-shadow: none; }
.treasury-page .wallet-link, .treasury-page .row-arrow, .treasury-page .copy-link, .treasury-page .metric-refresh, .treasury-page .address-short, .treasury-page code, .treasury-page .client-name, .treasury-page .onchain-amount strong { color: #8d672d; }
.treasury-page .button { border-radius: 1px; }
.treasury-page .button.primary { color: #fff9e9; background: #1e5947; }
.treasury-page .button.dark { color: #fff9e9; background: #173f33; }
.treasury-page .button.ghost { color: #53675f; border-color: #cfc5b4; background: #fffdf7; }
.treasury-page [data-icon]::before { color: #9c7536; }
.treasury-page .alert.success, .treasury-page .badge.success, .treasury-page .activity-icon.success { color: #1e5947; border-color: #bed1c8; background: #eef5f0; }
.treasury-page .terminal-footer { border-radius: 0; border-color: #d2cabb; background: #fffdf7; box-shadow: 8px 8px 0 rgba(23,63,51,.06); }
.treasury-page .terminal-footer strong { color: #173f33; font-family: Georgia,"Times New Roman",serif; letter-spacing: .08em; }
.treasury-page .terminal-footer small, .treasury-page .terminal-footer p { color: #77776f; }
.treasury-page .footer-live { color: #8d682d; }

@media (max-width: 1180px) {
  .treasury-page .terminal-overview { grid-template-columns: 1fr 1fr; }
  .login-page .treasury-login .server-login-grid { grid-template-columns: 1fr; }
  .login-page .treasury-login .server-login-card { max-width: 640px; }
}
@media (max-width: 760px) {
  .treasury-page .dashboard-shell { padding: 0 12px 38px; }
  .treasury-page .terminal-overview { grid-template-columns: 1fr; }
  .treasury-page .terminal-nav::before { display: none; }
  .login-page .treasury-login .server-login-intro { padding: 40px 24px; box-shadow: 8px 8px 0 rgba(26,69,55,.07); }
  .login-page .treasury-login .server-login-intro::after { display: none; }
  .login-page .treasury-login .server-login-intro h1 { font-size: 51px; }
  .login-page .treasury-login .server-status-list { display: none; }
  .login-page .treasury-login .server-login-card { box-shadow: 8px 8px 0 #173f33; }
}

/* LEDGER WALLET — Swiss record grid */
.ledger-page {
  --ink: #121722;
  --muted: #667080;
  --line: #cfd3da;
  --canvas: #edf0f3;
  --panel: #ffffff;
  --blue: #1d35ff;
  --blue-dark: #1124c8;
  --cyan: #00a9ff;
  --green: #0a9f72;
  --orange: #ff674d;
  --red: #d94343;
  --shadow: 7px 7px 0 rgba(17,23,34,.12);
  color: #151b26;
  background:
    linear-gradient(rgba(18,23,34,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,23,34,.04) 1px,transparent 1px),
    #edf0f3;
  background-size: 24px 24px;
  font-family: Arial, Helvetica, sans-serif;
}

.ledger-mark {
  overflow: hidden;
  color: #fff;
  border: 0;
  border-radius: 0;
  background: #1d35ff;
  box-shadow: 5px 5px 0 #ff674d;
}
.ledger-mark::before { inset: 7px; width: auto; height: auto; border: 1px solid rgba(255,255,255,.8); border-radius: 0; background: transparent; }
.ledger-mark::after { content: ""; left: 9px; right: 9px; top: 17px; width: auto; height: 1px; border: 0; background: rgba(255,255,255,.55); box-shadow: 0 7px 0 rgba(255,255,255,.55),0 14px 0 rgba(255,255,255,.55); }
.ledger-mark i { display: none; }
.ledger-mark b { z-index: 2; align-self: start; margin: 6px 0 0 9px; font: 900 12px/1 Arial,sans-serif; letter-spacing: -.05em; }

/* Ledger login */
.login-page .ledger-login {
  color: #121722;
  background:
    linear-gradient(rgba(18,23,34,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,23,34,.055) 1px,transparent 1px),
    #edf0f3;
  background-size: 24px 24px;
}
.login-page .ledger-login .server-login-bar { max-width: 1580px; min-height: 98px; border-color: #121722; border-width: 0 0 2px; }
.login-page .ledger-login .institutional-brand strong { color: #101621; font-size: 18px; font-weight: 900; letter-spacing: -.02em; }
.login-page .ledger-login .institutional-brand small { color: #5d6675; font-family: monospace; letter-spacing: .04em; }
.login-page .ledger-login .server-clock { color: #101621; padding: 8px 10px; border: 1px solid #121722; background: #fff; font-family: monospace; }
.login-page .ledger-login .server-clock i { border-radius: 0; background: #1d35ff; box-shadow: none; }
.login-page .ledger-login .server-login-grid { max-width: 1580px; grid-template-columns: minmax(0,1.15fr) minmax(400px,.58fr); gap: clamp(32px,6vw,92px); }
.login-page .ledger-login .server-login-intro { position: relative; max-width: 920px; padding: clamp(38px,5vw,78px); border: 2px solid #121722; border-radius: 0; background: #fff; box-shadow: 12px 12px 0 #1d35ff; }
.login-page .ledger-login .server-login-intro::before { content: "07"; position: absolute; right: 26px; top: 17px; color: #d7dce5; font: 900 120px/.8 Arial,sans-serif; letter-spacing: -.08em; }
.login-page .ledger-login .server-login-intro::after { content: "ENTRY / BALANCE / RECORD / VERIFY"; position: absolute; left: 0; right: 0; bottom: 0; padding: 9px 14px; color: #fff; background: #121722; font: 700 10px/1 monospace; letter-spacing: .12em; }
.login-page .ledger-login .server-kicker { position: relative; z-index: 1; display: inline-block; padding: 7px 9px; color: #fff; background: #1d35ff; font-family: monospace; letter-spacing: .08em; }
.login-page .ledger-login .server-login-intro h1 { position: relative; z-index: 1; max-width: 750px; color: #101621; font-size: clamp(58px,7.5vw,112px); font-weight: 900; line-height: .82; letter-spacing: -.075em; text-transform: uppercase; text-shadow: none; }
.login-page .ledger-login .server-login-intro > p { position: relative; z-index: 1; max-width: 590px; color: #424c5b; font-size: 16px; line-height: 1.65; }
.login-page .ledger-login .server-status-list { position: relative; z-index: 1; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin-bottom: 32px; border: 2px solid #121722; }
.login-page .ledger-login .server-status-list span { min-height: 90px; padding: 15px; color: #505a69; border: 0; border-right: 1px solid #121722; border-radius: 0; background: #f3f5f7; }
.login-page .ledger-login .server-status-list span:last-child { border-right: 0; }
.login-page .ledger-login .server-status-list i { width: 7px; height: 7px; border-radius: 0; background: #ff674d; box-shadow: none; }
.login-page .ledger-login .server-status-list strong { color: #121722; font-family: monospace; text-transform: uppercase; }
.login-page .ledger-login .institutional-trust span { color: #1d35ff; font-weight: 900; }
.login-page .ledger-login .institutional-trust small { color: #616b78; font-family: monospace; }
.login-page .ledger-login .server-login-card { border: 2px solid #121722; border-radius: 0; color: #121722; background: #fff; box-shadow: 10px 10px 0 #ff674d; }
.login-page .ledger-login .server-card-head { color: #fff; border-color: #121722; background: #121722; font-family: monospace; letter-spacing: .06em; }
.login-page .ledger-login .server-online { color: #9eacff; }
.login-page .ledger-login .server-online i { border-radius: 0; background: #6d7fff; box-shadow: none; }
.login-page .ledger-login .server-identity strong { color: #101621; font-size: 26px; font-weight: 900; letter-spacing: -.03em; }
.login-page .ledger-login .server-identity small { color: #1d35ff; font-family: monospace; }
.login-page .ledger-login .server-identity em { color: #697281; }
.login-page .ledger-login .server-login-card .button { border-radius: 0; border: 2px solid #121722; font-family: monospace; font-weight: 800; text-transform: uppercase; }
.login-page .ledger-login .button.primary { color: #fff; background: #1d35ff; box-shadow: 4px 4px 0 #121722; }
.login-page .ledger-login .button.primary:hover { background: #1124c8; transform: translate(2px,2px); box-shadow: 2px 2px 0 #121722; }
.login-page .ledger-login .button.dark { color: #fff; background: #121722; }
.login-page .ledger-login .server-otp-form { border-color: #121722; border-width: 2px 0 0; }
.login-page .ledger-login input { color: #121722; border: 2px solid #121722; border-radius: 0; background: #f2f4f7; font-family: monospace; }
.login-page .ledger-login input:focus { border-color: #1d35ff; box-shadow: 4px 4px 0 rgba(29,53,255,.22); }
.login-page .ledger-login .server-card-foot { color: #5d6675; border-color: #121722; background: #f0f2f5; font-family: monospace; }

/* Ledger dashboard */
.ledger-page .dashboard-shell { width: min(1740px,100%); padding: 0 30px 58px; }
.ledger-page .terminal-header { min-height: 100px; border-color: #121722; border-width: 0 0 2px; }
.ledger-page .terminal-brand strong { color: #121722; font-size: 23px; font-weight: 900; letter-spacing: -.025em; }
.ledger-page .terminal-brand strong small { color: #fff; border-radius: 0; background: #ff674d; font-family: monospace; }
.ledger-page .terminal-brand em { color: #606a79; font-family: monospace; letter-spacing: .03em; }
.ledger-page .terminal-host-meta strong { color: #121722; font-family: monospace; }
.ledger-page .terminal-host-meta span { color: #5f6877; }
.ledger-page .terminal-host-meta i, .ledger-page .footer-live i { border-radius: 0; background: #1d35ff; box-shadow: none; }
.ledger-page .terminal-nav { top: 8px; min-height: 66px; margin: 16px 0 26px; border: 2px solid #121722; border-radius: 0; background: rgba(255,255,255,.97); box-shadow: 7px 7px 0 rgba(18,23,34,.13); backdrop-filter: blur(12px); }
.ledger-page .terminal-nav::before { content: "07"; align-self: stretch; display: grid; min-width: 58px; place-items: center; color: #fff; background: #1d35ff; font: 900 18px/1 Arial,sans-serif; }
.ledger-page .terminal-nav-links { gap: 0; }
.ledger-page .terminal-nav a, .ledger-page .terminal-nav button { color: #4d5665; border-radius: 0; font-family: monospace; font-weight: 700; text-transform: uppercase; }
.ledger-page .terminal-nav a:hover, .ledger-page .terminal-nav button:hover { color: #121722; background: #e9ecff; }
.ledger-page .terminal-nav a.active { color: #fff; background: #121722; box-shadow: none; }
.ledger-page .terminal-nav-links [data-icon]::before { color: #1d35ff; border: 0; border-radius: 0; background: transparent; }
.ledger-page .terminal-nav-links a.active[data-icon]::before { color: #ff765e; background: transparent; }
.ledger-page .terminal-nav-session { color: #5a6471; }
.ledger-page .terminal-online { color: #1d35ff; }
.ledger-page .terminal-online i { border-radius: 0; background: #1d35ff; box-shadow: none; }
.ledger-page .terminal-overview { grid-template-columns: minmax(390px,1.07fr) minmax(320px,.93fr) minmax(300px,.78fr); gap: 18px; }
.ledger-page .terminal-box, .ledger-page .panel, .ledger-page .metric { border: 2px solid #121722; border-radius: 0; background: #fff; box-shadow: 7px 7px 0 rgba(18,23,34,.11); }
.ledger-page .terminal-welcome { position: relative; min-height: 480px; padding: 30px; overflow: hidden; background:
  linear-gradient(135deg,transparent 0 67%,rgba(29,53,255,.05) 67%),#fff; }
.ledger-page .terminal-welcome::before { content: "07"; position: absolute; right: -11px; top: -51px; color: #eef0f4; font: 900 340px/.9 Arial,sans-serif; letter-spacing: -.09em; }
.ledger-page .terminal-welcome::after { content: "BALANCED / VERIFIED / RECORDED"; position: absolute; right: 22px; bottom: 16px; color: #fff; padding: 7px 9px; background: #ff674d; font: 700 9px/1 monospace; letter-spacing: .08em; }
.ledger-page .terminal-label { position: relative; z-index: 1; display: inline-block; padding: 6px 8px; color: #fff; background: #1d35ff; font-family: monospace; letter-spacing: .04em; }
.ledger-page .terminal-hero-logo { position: relative; z-index: 1; }
.ledger-page .terminal-hero-logo h1 { max-width: 590px; color: #121722; font-size: clamp(43px,4.5vw,72px); font-weight: 900; line-height: .87; letter-spacing: -.065em; text-transform: uppercase; }
.ledger-page .terminal-hero-logo p { max-width: 535px; color: #56606f; font-family: monospace; font-size: 14px; line-height: 1.65; }
.ledger-page .terminal-status-list { position: relative; z-index: 1; border: 2px solid #121722; }
.ledger-page .terminal-status-list div { padding: 9px 11px; border-color: #cdd2da; }
.ledger-page .terminal-status-list dt { color: #66707f; font-family: monospace; text-transform: uppercase; }
.ledger-page .terminal-status-list dt::before { border-radius: 0; background: #1d35ff; box-shadow: none; }
.ledger-page .terminal-status-list dd { color: #121722; font-family: monospace; }
.ledger-page .terminal-quick-actions { position: relative; z-index: 1; border-color: #121722; border-width: 2px 0 0; }
.ledger-page .terminal-quick-actions a { color: #121722; border-color: #121722; border-radius: 0; background: #fff; font-family: monospace; text-transform: uppercase; }
.ledger-page .terminal-quick-actions a:hover { color: #fff; background: #1d35ff; }
.ledger-page .terminal-box h2 { color: #121722; font-family: monospace; letter-spacing: .04em; }
.ledger-page .terminal-nodes h2, .ledger-page .terminal-resources h2, .ledger-page .terminal-box-heading { border-color: #121722; border-width: 0 0 2px; }
.ledger-page .terminal-nodes th, .ledger-page .terminal-nodes td { color: #4d5867; border-color: #ced3db; font-family: monospace; }
.ledger-page .terminal-nodes th { color: #fff; background: #121722; }
.ledger-page .terminal-chart { border: 2px solid #121722; background-color: #f4f5f7; background-image: linear-gradient(rgba(18,23,34,.08) 1px,transparent 1px); }
.ledger-page .terminal-chart::after { background: linear-gradient(90deg,transparent,rgba(29,53,255,.15),transparent); }
.ledger-page .terminal-chart i { background: #cfd4dd; }
.ledger-page .terminal-chart i.has-event { background: linear-gradient(180deg,#1d35ff 0 65%,#ff674d 65%); box-shadow: none; }
.ledger-page .terminal-chart-axis, .ledger-page .terminal-box-heading > span { color: #697382; font-family: monospace; }
.ledger-page .terminal-resources > div { color: #475261; font-family: monospace; }
.ledger-page .terminal-resources b { border: 1px solid #121722; border-radius: 0; background: #e6e9ee; }
.ledger-page .terminal-resources b i { background: linear-gradient(90deg,#1d35ff 0 78%,#ff674d 78%); }
.ledger-page .terminal-resources em { color: #616b79; }
.ledger-page .terminal-balance-total { color: #121722; font-weight: 900; }
.ledger-page .terminal-balance-total small { color: #687281; font-family: monospace; }
.ledger-page .terminal-sparkline i { border-color: #1d35ff; }
.ledger-page .terminal-asset-list, .ledger-page .terminal-asset-list > div { border-color: #121722; }
.ledger-page .terminal-asset-list span b, .ledger-page .terminal-asset-list strong { color: #121722; font-family: monospace; }
.ledger-page .server-data-panel, .ledger-page .terminal-list-panel, .ledger-page .terminal-client-panel, .ledger-page .terminal-allocation-panel { border-radius: 0; border: 2px solid #121722; background: #fff; }
.ledger-page input, .ledger-page select { color: #121722; border: 2px solid #121722; border-radius: 0; background: #f5f6f8; font-family: monospace; }
.ledger-page input::placeholder { color: #818996; }
.ledger-page input:focus, .ledger-page select:focus { border-color: #1d35ff; box-shadow: 4px 4px 0 rgba(29,53,255,.18); }
.ledger-page .terminal-filter-menu > summary { color: #121722; border: 2px solid #121722; border-radius: 0; background: #fff; font-family: monospace; text-transform: uppercase; }
.ledger-page .terminal-filter-menu[open] > summary { color: #fff; background: #1d35ff; }
.ledger-page .terminal-filter-popover { border: 2px solid #121722; border-radius: 0; background: #fff; box-shadow: 7px 7px 0 rgba(18,23,34,.12); }
.ledger-page th { color: #fff; border-color: #414754; background: #121722; font-family: monospace; text-transform: uppercase; }
.ledger-page td { color: #3f4b5a; border-color: #cfd4dc; font-family: monospace; }
.ledger-page tbody tr:hover { background: #eef0ff; }
.ledger-page .asset-avatar { border-radius: 0; background: linear-gradient(145deg,#1d35ff,#5368ff); box-shadow: 3px 3px 0 #ff674d; }
.ledger-page .wallet-link, .ledger-page .row-arrow, .ledger-page .copy-link, .ledger-page .metric-refresh, .ledger-page .address-short, .ledger-page code, .ledger-page .client-name, .ledger-page .onchain-amount strong { color: #1d35ff; }
.ledger-page .button { border: 2px solid #121722; border-radius: 0; font-family: monospace; font-weight: 800; text-transform: uppercase; }
.ledger-page .button.primary { color: #fff; background: #1d35ff; }
.ledger-page .button.dark { color: #fff; background: #121722; }
.ledger-page .button.ghost { color: #121722; border-color: #121722; background: #fff; }
.ledger-page [data-icon]::before { color: #1d35ff; }
.ledger-page .alert.success, .ledger-page .badge.success, .ledger-page .activity-icon.success { color: #087c5c; border-color: #121722; border-radius: 0; background: #eaf8f3; }
.ledger-page .terminal-footer { border: 2px solid #121722; border-radius: 0; background: #fff; box-shadow: 7px 7px 0 rgba(18,23,34,.11); }
.ledger-page .terminal-footer strong { color: #121722; font-weight: 900; }
.ledger-page .terminal-footer small, .ledger-page .terminal-footer p { color: #626c7b; font-family: monospace; }
.ledger-page .footer-live { color: #1d35ff; }

@media (max-width: 1180px) {
  .ledger-page .terminal-overview { grid-template-columns: 1fr 1fr; }
  .login-page .ledger-login .server-login-grid { grid-template-columns: 1fr; }
  .login-page .ledger-login .server-login-card { max-width: 650px; }
}
@media (max-width: 760px) {
  .ledger-page .dashboard-shell { padding: 0 12px 38px; }
  .ledger-page .terminal-overview { grid-template-columns: 1fr; }
  .ledger-page .terminal-nav::before { display: none; }
  .login-page .ledger-login .server-login-intro { padding: 35px 22px 48px; box-shadow: 7px 7px 0 #1d35ff; }
  .login-page .ledger-login .server-login-intro h1 { font-size: 54px; }
  .login-page .ledger-login .server-status-list { display: none; }
  .login-page .ledger-login .server-login-card { box-shadow: 7px 7px 0 #ff674d; }
}