: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; }
}


/* WALLET — 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; }
}

/* WALLET — Aurora connected asset identity */
.aurora-wallet-page {
  --ink: #15213d;
  --muted: #6f7b96;
  --line: #dce6f1;
  --canvas: #f4f8fc;
  --panel: rgba(255,255,255,.88);
  --blue: #3155d9;
  --blue-dark: #233fae;
  --cyan: #13c8d6;
  --coral: #ff786d;
  --green: #15a980;
  --shadow: 0 20px 55px rgba(42, 75, 135, .1);
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 9%, rgba(84,218,226,.16), transparent 23rem),
    radial-gradient(circle at 94% 4%, rgba(106,96,232,.13), transparent 26rem),
    linear-gradient(180deg, #f8fbff, #eff5fa);
}

.aurora-mark {
  overflow: visible;
  color: #fff;
  border: 0;
  border-radius: 18px 18px 18px 6px;
  background: linear-gradient(145deg, #3155d9 5%, #645ee8 48%, #13c8d6 100%);
  box-shadow: 0 13px 28px rgba(53,77,203,.25);
  transform: rotate(-3deg);
}
.aurora-mark::before { width: 18px; height: 18px; top: -4px; right: -4px; border: 4px solid #f8fbff; background: #ff786d; }
.aurora-mark::after { width: 12px; height: 12px; left: -4px; bottom: -4px; border: 4px solid #f8fbff; background: #6ee7cf; }
.aurora-mark i { width: 19px; height: 3px; right: 7px; bottom: 8px; border-radius: 99px; background: rgba(255,255,255,.58); box-shadow: none; transform: rotate(-34deg); }
.aurora-mark b { font-size: 17px; transform: rotate(3deg); }

/* Aurora login */
.login-page .aurora-login {
  color: #182443;
  background:
    radial-gradient(circle at 0 0, rgba(81,213,226,.21), transparent 29rem),
    radial-gradient(circle at 100% 100%, rgba(255,120,109,.15), transparent 28rem),
    #f5f9fd;
}
.login-page .aurora-login .server-login-bar { color: #17213d; border-color: rgba(104,127,165,.18); }
.login-page .aurora-login .institutional-brand strong { color: #14203c; font-size: 16px; }
.login-page .aurora-login .institutional-brand small { color: #72809b; }
.login-page .aurora-login .server-clock { color: #65738d; }
.login-page .aurora-login .server-clock i { background: #13c8d6; box-shadow: 0 0 0 5px rgba(19,200,214,.11); }
.login-page .aurora-login .server-login-grid { grid-template-columns: minmax(0, 1.12fr) minmax(390px, .58fr); gap: clamp(42px, 7vw, 110px); }
.login-page .aurora-login .server-login-intro { max-width: 800px; padding: clamp(28px, 4.5vw, 64px); overflow: hidden; border: 1px solid rgba(255,255,255,.75); border-radius: 42px; background:
  linear-gradient(135deg, rgba(255,255,255,.8), rgba(255,255,255,.5)),
  linear-gradient(135deg, #dff9fb, #e8e8ff 58%, #ffeae6);
  box-shadow: 0 28px 80px rgba(43,73,131,.13);
  backdrop-filter: blur(18px);
}
.login-page .aurora-login .server-login-intro::before { content: ""; position: absolute; width: 290px; height: 290px; right: -110px; top: -120px; border-radius: 46% 54% 60% 40%; background: linear-gradient(145deg, rgba(49,85,217,.84), rgba(19,200,214,.7)); transform: rotate(26deg); }
.login-page .aurora-login .server-login-intro::after { content: ""; position: absolute; width: 150px; height: 150px; right: 12%; bottom: -80px; border-radius: 50%; background: rgba(255,120,109,.55); filter: blur(1px); }
.login-page .aurora-login .server-kicker { position: relative; z-index: 1; color: #3454c5; }
.login-page .aurora-login .server-login-intro h1 { position: relative; z-index: 1; max-width: 650px; color: #15213d; font-size: clamp(55px, 7vw, 96px); line-height: .93; letter-spacing: -.075em; text-shadow: none; }
.login-page .aurora-login .server-login-intro > p { position: relative; z-index: 1; max-width: 560px; color: #687792; }
.login-page .aurora-login .server-status-list { position: relative; z-index: 1; grid-template-columns: repeat(3,minmax(0,1fr)); }
.login-page .aurora-login .server-status-list span { min-height: 92px; padding: 17px; border: 1px solid rgba(82,105,161,.12); border-radius: 20px; color: #6d7992; background: rgba(255,255,255,.58); backdrop-filter: blur(10px); }
.login-page .aurora-login .server-status-list i { width: 25px; height: 5px; border-radius: 99px; background: linear-gradient(90deg,#3155d9,#13c8d6,#ff786d); }
.login-page .aurora-login .server-status-list strong { color: #1d315e; }
.login-page .aurora-login .institutional-trust { position: relative; z-index: 1; }
.login-page .aurora-login .institutional-trust span { color: #3155d9; }
.login-page .aurora-login .institutional-trust small { color: #74819a; }
.login-page .aurora-login .server-login-card { max-width: 470px; border: 1px solid rgba(207,221,235,.9); border-radius: 30px; color: #182443; background: rgba(255,255,255,.9); box-shadow: 0 28px 75px rgba(45,72,124,.14); backdrop-filter: blur(18px); }
.login-page .aurora-login .server-card-head { color: #71809b; border-color: #e5edf4; background: rgba(247,250,253,.82); }
.login-page .aurora-login .server-online { color: #138469; }
.login-page .aurora-login .server-online i { background: #21cfa2; box-shadow: 0 0 0 4px rgba(33,207,162,.11); }
.login-page .aurora-login .server-identity strong { color: #162443; font-size: 24px; }
.login-page .aurora-login .server-identity small { color: #425ed1; }
.login-page .aurora-login .server-identity em { color: #72809a; }
.login-page .aurora-login .server-login-card .button { border-radius: 15px; }
.login-page .aurora-login .button.primary { background: linear-gradient(135deg,#3155d9,#615ee7 60%,#17bdcf); box-shadow: 0 12px 26px rgba(49,85,217,.24); }
.login-page .aurora-login .button.dark { background: #172443; }
.login-page .aurora-login .server-card-foot { color: #8290a8; border-color: #e4ecf3; background: rgba(247,250,253,.82); }

/* Aurora application */
.aurora-wallet-page .dashboard-shell { width: min(1680px,100%); padding: 0 30px 58px; }
.aurora-wallet-page .terminal-header { min-height: 96px; border: 0; }
.aurora-wallet-page .terminal-brand strong { color: #14213d; font-size: 20px; }
.aurora-wallet-page .terminal-brand strong small { color: #3659cf; background: #e8edff; }
.aurora-wallet-page .terminal-brand em { color: #74819b; }
.aurora-wallet-page .terminal-host-meta strong { color: #1f2e50; }
.aurora-wallet-page .terminal-host-meta span { color: #74819b; }
.aurora-wallet-page .terminal-host-meta i, .aurora-wallet-page .footer-live i { background: #13c8d6; box-shadow: 0 0 0 4px rgba(19,200,214,.1); }

.aurora-wallet-page .terminal-nav { top: 12px; min-height: 66px; margin: 0 0 24px; padding: 8px 10px 8px 14px; border: 1px solid rgba(206,220,234,.9); border-radius: 24px; background: rgba(255,255,255,.82); box-shadow: 0 14px 45px rgba(45,73,127,.1); backdrop-filter: blur(18px); }
.aurora-wallet-page .terminal-nav-links { gap: 4px; }
.aurora-wallet-page .terminal-nav a, .aurora-wallet-page .terminal-nav button { color: #697894; border-radius: 15px; }
.aurora-wallet-page .terminal-nav a:hover, .aurora-wallet-page .terminal-nav button:hover { color: #3155d9; background: #f0f4ff; }
.aurora-wallet-page .terminal-nav a.active { color: #fff; background: linear-gradient(135deg,#3155d9,#615ee7); box-shadow: 0 8px 20px rgba(49,85,217,.22); }
.aurora-wallet-page .terminal-nav-links [data-icon]::before { color: #4c6bd7; border: 0; border-radius: 8px; background: rgba(65,94,208,.07); }
.aurora-wallet-page .terminal-nav-links a.active[data-icon]::before { color: #fff; background: rgba(255,255,255,.14); }
.aurora-wallet-page .terminal-online { color: #15856d; }
.aurora-wallet-page .terminal-online i { background: #25cda3; box-shadow: 0 0 0 4px rgba(37,205,163,.11); }

.aurora-wallet-page .terminal-overview { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 18px; }
.aurora-wallet-page .terminal-welcome { min-height: 350px; grid-column: 1 / -1; padding: 32px; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(330px,.9fr); grid-template-rows: 1fr auto; gap: 24px 55px; overflow: hidden; border: 0; border-radius: 34px; color: #fff; background:
  radial-gradient(circle at 86% 18%, rgba(102,233,224,.34), transparent 18rem),
  radial-gradient(circle at 12% 100%, rgba(255,126,111,.34), transparent 20rem),
  linear-gradient(125deg,#1e3d98,#4e55dc 52%,#12aebd);
  box-shadow: 0 24px 65px rgba(46,72,182,.21); }
.aurora-wallet-page .terminal-welcome::after { content: ""; position: absolute; width: 360px; height: 360px; right: -150px; bottom: -220px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.02); }
.aurora-wallet-page .terminal-hero-logo { position: relative; z-index: 1; }
.aurora-wallet-page .terminal-label { color: #9ff6ec; }
.aurora-wallet-page .terminal-hero-logo h1 { max-width: 600px; color: #fff; font-size: clamp(38px,4vw,62px); }
.aurora-wallet-page .terminal-hero-logo p { color: #d5e4ff; }
.aurora-wallet-page .terminal-status-list { position: relative; z-index: 1; margin: 0; align-self: center; }
.aurora-wallet-page .terminal-status-list div { border-color: rgba(255,255,255,.15); }
.aurora-wallet-page .terminal-status-list dt { color: #bcd2f3; }
.aurora-wallet-page .terminal-status-list dt::before { background: #72f1d7; }
.aurora-wallet-page .terminal-status-list dd { color: #fff; }
.aurora-wallet-page .terminal-quick-actions { position: relative; z-index: 1; grid-column: 1 / -1; border-color: rgba(255,255,255,.16); }
.aurora-wallet-page .terminal-quick-actions a { color: #fff; border-color: rgba(255,255,255,.21); border-radius: 13px; background: rgba(255,255,255,.1); }
.aurora-wallet-page .terminal-quick-actions a:hover { color: #2943aa; background: #fff; }

.aurora-wallet-page .terminal-box, .aurora-wallet-page .panel, .aurora-wallet-page .metric { border-color: rgba(213,226,238,.92); border-radius: 25px; background: rgba(255,255,255,.9); box-shadow: 0 17px 48px rgba(44,76,135,.085); backdrop-filter: blur(14px); }
.aurora-wallet-page .terminal-stack { gap: 18px; }
.aurora-wallet-page .terminal-box h2 { color: #395072; }
.aurora-wallet-page .terminal-nodes h2, .aurora-wallet-page .terminal-resources h2, .aurora-wallet-page .terminal-box-heading { border-color: #e4edf4; }
.aurora-wallet-page .terminal-nodes th, .aurora-wallet-page .terminal-nodes td { border-color: #e8eff5; }
.aurora-wallet-page .terminal-chart { border-color: #cddbe7; border-radius: 12px 12px 0 0; background-image: linear-gradient(rgba(49,85,217,.07) 1px,transparent 1px); }
.aurora-wallet-page .terminal-chart i { border-radius: 6px 6px 0 0; background: #d9e5f2; }
.aurora-wallet-page .terminal-chart i.has-event { background: linear-gradient(180deg,#13c8d6,#5360e4 62%,#ff786d); box-shadow: 0 6px 14px rgba(75,89,214,.18); }
.aurora-wallet-page .terminal-resources b i { background: linear-gradient(90deg,#3155d9,#13c8d6); }
.aurora-wallet-page .terminal-sparkline i { border-color: #ff786d; }

.aurora-wallet-page .server-data-panel, .aurora-wallet-page .terminal-list-panel, .aurora-wallet-page .terminal-client-panel, .aurora-wallet-page .terminal-allocation-panel { border-radius: 25px; border-color: rgba(213,226,238,.92); background: rgba(255,255,255,.9); }
.aurora-wallet-page input, .aurora-wallet-page select { border-color: #cfdeea; border-radius: 13px; background: #fbfdff; }
.aurora-wallet-page input:focus, .aurora-wallet-page select:focus { border-color: #4c68dd; box-shadow: 0 0 0 3px rgba(49,85,217,.1); }
.aurora-wallet-page .terminal-filter-menu > summary { border-color: #ceddea; border-radius: 13px; background: #f6faff; }
.aurora-wallet-page .terminal-filter-menu[open] > summary { background: #405ed9; }
.aurora-wallet-page .terminal-filter-popover { border-radius: 20px; }
.aurora-wallet-page th { color: #75839b; border-color: #dfe9f1; background: #f4f8fb; }
.aurora-wallet-page td { color: #3c4f6c; border-color: #e7eef4; }
.aurora-wallet-page tbody tr:hover { background: #f3f8ff; }
.aurora-wallet-page .asset-avatar { background: linear-gradient(145deg,#3155d9,#13c8d6); box-shadow: 0 9px 18px rgba(49,85,217,.17); }
.aurora-wallet-page .wallet-link, .aurora-wallet-page .row-arrow, .aurora-wallet-page .copy-link, .aurora-wallet-page .metric-refresh, .aurora-wallet-page .address-short, .aurora-wallet-page code, .aurora-wallet-page .client-name, .aurora-wallet-page .onchain-amount strong { color: #3959d2; }
.aurora-wallet-page .button.primary { background: linear-gradient(135deg,#3155d9,#615ee7 65%,#13c8d6); }
.aurora-wallet-page .button.dark { background: #172443; }
.aurora-wallet-page .button.ghost { color: #4b5e79; border-color: #d6e2ec; background: rgba(255,255,255,.85); }
.aurora-wallet-page [data-icon]::before { color: #405fd3; }
.aurora-wallet-page .terminal-footer { border-radius: 24px; border-color: rgba(213,226,238,.92); background: rgba(255,255,255,.82); backdrop-filter: blur(14px); }
.aurora-wallet-page .terminal-footer strong { color: #172443; }
.aurora-wallet-page .terminal-footer small, .aurora-wallet-page .terminal-footer p { color: #74829b; }
.aurora-wallet-page .footer-live { color: #128069; }

@media (max-width: 1100px) {
  .aurora-wallet-page .terminal-overview { grid-template-columns: 1fr; }
  .aurora-wallet-page .terminal-welcome { grid-column: auto; grid-template-columns: 1fr; }
  .aurora-wallet-page .terminal-quick-actions { grid-column: auto; }
  .login-page .aurora-login .server-login-grid { grid-template-columns: 1fr; }
  .login-page .aurora-login .server-login-card { max-width: 650px; }
}
@media (max-width: 720px) {
  .aurora-wallet-page .dashboard-shell { padding: 0 12px 36px; }
  .aurora-wallet-page .terminal-welcome { padding: 23px; border-radius: 24px; }
  .aurora-wallet-page .terminal-hero-logo h1 { font-size: 42px; }
  .login-page .aurora-login .server-login-intro { padding: 35px 24px; border-radius: 25px; }
  .login-page .aurora-login .server-login-intro h1 { font-size: 50px; }
  .login-page .aurora-login .server-status-list { display: none; }
}