@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');

:root {
  color-scheme: dark;
  --bg: #080a09;
  --panel: #101311;
  --panel-2: #151917;
  --line: #252a27;
  --muted: #818a84;
  --text: #f4f7f5;
  --accent: #b8ff62;
  --violet: #9188ff;
  --cyan: #53d5e7;
  --amber: #ffbd66;
  --green: #65d99a;
  --danger: #ff7d7d;
  --mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --sans: 'Manrope', Inter, system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--sans); font-size: 14px; }
.app-shell[hidden], .auth-screen[hidden] { display: none; }
.auth-screen { min-height: 100vh; padding: 28px; display: grid; place-items: center; position: relative; overflow: hidden; background: radial-gradient(circle at 18% 12%, rgba(184,255,98,.09), transparent 32%), radial-gradient(circle at 88% 80%, rgba(145,136,255,.08), transparent 34%), #090b0a; }
.auth-screen::before { content: ''; width: 520px; height: 520px; position: absolute; border: 1px solid rgba(184,255,98,.08); border-radius: 50%; box-shadow: 0 0 0 100px rgba(184,255,98,.018), 0 0 0 200px rgba(184,255,98,.012); pointer-events: none; }
.auth-card { width: min(440px, 100%); padding: 38px; position: relative; z-index: 1; border: 1px solid #303630; border-radius: 16px; background: rgba(17,20,17,.94); box-shadow: 0 32px 100px rgba(0,0,0,.48); }
.auth-brand { margin-bottom: 34px; display: flex; align-items: center; gap: 10px; font: 700 12px var(--mono); letter-spacing: .12em; }
.auth-card h1 { max-width: 360px; margin: 8px 0 10px; font-size: clamp(27px, 5vw, 38px); line-height: 1.12; }
.auth-intro { margin: 0 0 26px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.auth-tabs { margin-bottom: 22px; padding: 4px; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 9px; background: #0b0e0c; }
.auth-tabs button { height: 36px; border: 0; border-radius: 6px; color: var(--muted); background: transparent; cursor: pointer; }
.auth-tabs button.active { color: #0b0e0a; background: var(--accent); font-weight: 700; }
.auth-form { display: grid; gap: 15px; }
.auth-form label { display: grid; gap: 7px; color: #b3bab5; font-size: 11px; }
.auth-form input { height: 44px; padding: 0 13px; border: 1px solid var(--line); border-radius: 8px; outline: 0; color: var(--text); background: #090c0a; }
.auth-form input:focus { border-color: var(--accent); }
.auth-error { min-height: 18px; margin: 15px 0 0; color: var(--danger); font-size: 10px; }
.auth-footnote { margin: 8px 0 0; color: #626963; font-size: 9px; text-align: center; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 232px minmax(0, 1fr); }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 232px; padding: 28px 18px 20px; border-right: 1px solid var(--line); display: flex; flex-direction: column; background: #0b0d0c; z-index: 10; }
.brand, .mobile-brand { display: flex; align-items: center; gap: 12px; color: var(--text); text-decoration: none; font: 600 13px var(--mono); letter-spacing: .08em; }
.brand { padding: 0 10px 34px; }
.brand-mark { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 7px; color: #0a0d0b; background: var(--accent); font: 600 14px var(--mono); box-shadow: 0 0 22px rgba(184,255,98,.12); }
.nav-list { display: grid; gap: 5px; }
.nav-item { width: 100%; height: 43px; padding: 0 12px; border: 0; border-radius: 8px; display: flex; align-items: center; gap: 12px; color: #8f9792; text-decoration: none; background: transparent; cursor: pointer; transition: .2s ease; }
.nav-item span { width: 18px; text-align: center; font-size: 17px; }
.nav-item:hover { color: var(--text); background: #141715; }
.nav-item.active { color: #11140f; background: var(--accent); font-weight: 700; }
.sidebar-bottom { margin-top: auto; display: grid; gap: 12px; }
.sync-box { padding: 13px 14px; border: 1px solid var(--line); border-radius: 9px; color: #b9c0bc; font-size: 12px; }
.sync-box > div { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.sync-box small { padding-left: 14px; color: var(--muted); }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(184,255,98,.1); }
.settings-button { text-align: left; }

.main { grid-column: 2; min-width: 0; }
.topbar { height: 78px; padding: 0 36px; position: sticky; top: 0; z-index: 8; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(37,42,39,.8); background: rgba(8,10,9,.88); backdrop-filter: blur(16px); }
.mobile-brand { display: none; }
.space-switcher { height: 38px; padding: 0 5px 0 12px; border: 1px solid var(--line); border-radius: 8px; display: flex; align-items: center; gap: 9px; background: #0f120f; }
.space-switcher > span { color: var(--muted); font-size: 10px; }
.space-switcher select { min-width: 126px; border: 0; outline: 0; color: var(--text); background: transparent; font-size: 11px; font-weight: 600; cursor: pointer; }
.space-switcher button { width: 27px; height: 27px; border: 0; border-radius: 6px; color: #0b0e0a; background: var(--accent); cursor: pointer; }
.top-actions { display: flex; align-items: center; gap: 9px; }
.icon-button { position: relative; width: 37px; height: 37px; border: 1px solid var(--line); border-radius: 8px; background: #101310; cursor: pointer; }
.icon-button:hover { border-color: #465049; }
.notification-dot { position: absolute; top: 8px; right: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }
.profile { margin-left: 8px; padding: 0 0 0 17px; border: 0; border-left: 1px solid var(--line); display: flex; align-items: center; gap: 10px; color: var(--text); background: transparent; text-align: left; cursor: pointer; }
.profile > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #d9d5ff; background: #29263e; font: 500 11px var(--mono); }
.profile div { display: grid; gap: 1px; }
.profile strong { font-size: 12px; }
.profile small { color: var(--muted); font-size: 10px; }
.account-path { display: flex; align-items: center; gap: 10px; font-size: 11px; }
.account-path span, .account-path b { color: var(--muted); font-weight: 500; }
.account-path em { margin-left: 3px; padding: 4px 7px; border-radius: 4px; color: var(--accent); background: rgba(184,255,98,.07); font: normal 8px var(--mono); letter-spacing: .08em; }

.content { max-width: 1440px; padding: 46px 42px 80px; margin: auto; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 31px; }
.eyebrow { margin: 0 0 9px; color: var(--muted); font: 500 10px var(--mono); letter-spacing: .13em; }
h1 { margin: 0; font-size: clamp(30px, 3vw, 43px); line-height: 1.1; letter-spacing: -.045em; }
.subhead { margin: 11px 0 0; color: var(--muted); }
.heading-actions { display: flex; gap: 9px; }
.button { min-height: 40px; padding: 0 17px; border: 1px solid var(--line); border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; font-size: 12px; cursor: pointer; transition: transform .15s, border-color .15s, background .15s; }
.button:hover { transform: translateY(-1px); }
.button.primary { color: #0b0e0a; border-color: var(--accent); background: var(--accent); }
.button.secondary { background: #111411; }
.button.secondary:hover { border-color: #465049; }

.hero-grid { display: grid; grid-template-columns: minmax(0, 1.13fr) minmax(360px, .87fr); gap: 14px; }
.balance-card, .allocation-card, .metric-strip, .account-card, .asset-table-wrap, .address-list { border: 1px solid var(--line); background: var(--panel); }
.balance-card { min-height: 288px; padding: 25px 27px 17px; position: relative; overflow: hidden; border-radius: 12px; background: radial-gradient(circle at 85% 8%, rgba(184,255,98,.09), transparent 25%), var(--panel); }
.balance-card::after { content: ''; position: absolute; inset: auto -30px 55px 45%; height: 1px; background: linear-gradient(90deg, transparent, rgba(184,255,98,.3), transparent); transform: rotate(-18deg); }
.card-label { display: flex; align-items: center; gap: 10px; color: #a9b0ac; font-size: 12px; }
.live-badge { padding: 3px 6px; border-radius: 4px; color: var(--accent); background: rgba(184,255,98,.08); font: 500 8px var(--mono); letter-spacing: .1em; }
.demo-badge { padding: 3px 6px; border-radius: 4px; color: var(--amber); background: rgba(255,189,102,.08); font: 500 8px var(--mono); letter-spacing: .08em; }
.demo-badge.online { color: var(--accent); background: rgba(184,255,98,.08); }
.demo-badge.error { color: var(--danger); background: rgba(255,125,125,.08); }
.balance-line { display: flex; align-items: flex-start; gap: 8px; margin-top: 20px; }
.balance-line .currency { color: var(--muted); font: 400 18px var(--mono); padding-top: 9px; }
.balance-line strong { font: 500 clamp(39px, 4vw, 56px) var(--mono); letter-spacing: -.055em; }
.balance-meta { margin-top: 10px; display: flex; gap: 12px; color: var(--muted); font: 400 11px var(--mono); }
.hierarchy-line { margin-top: 23px; display: flex; align-items: center; gap: 9px; color: #a9b1ac; font: 9px var(--mono); }
.hierarchy-line i { color: var(--accent); font-style: normal; }
.positive { color: var(--accent); }
.spark-bars { position: absolute; inset: auto 27px 31px 27px; height: 53px; display: flex; align-items: flex-end; gap: 4px; opacity: .75; }
.spark-bars i { flex: 1; min-width: 6px; border-radius: 2px 2px 0 0; background: linear-gradient(to top, rgba(184,255,98,.03), rgba(184,255,98,.36)); border-top: 1px solid rgba(184,255,98,.55); }
.balance-footer { position: absolute; left: 27px; right: 27px; bottom: 13px; display: flex; justify-content: space-between; color: #626963; font: 9px var(--mono); }
.allocation-card { min-height: 288px; padding: 25px 27px; border-radius: 12px; }
.card-heading, .section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
h2 { margin: 0; font-size: 20px; letter-spacing: -.025em; }
.text-button { padding: 4px; border: 0; color: #979f99; background: transparent; font-size: 11px; cursor: pointer; }
.text-button:hover { color: var(--accent); }
.allocation-content { min-height: 205px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 22px; }
.donut { width: 142px; aspect-ratio: 1; margin: auto; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--accent) 0 42.6%, var(--violet) 42.6% 73.8%, var(--cyan) 73.8% 92.3%, #3e4540 92.3%); position: relative; box-shadow: 0 0 35px rgba(184,255,98,.05); }
.donut::before { content: ''; position: absolute; inset: 13px; border-radius: 50%; background: var(--panel); }
.donut div { z-index: 1; display: grid; text-align: center; }
.donut strong { font: 500 22px var(--mono); }
.donut small { color: var(--muted); font-size: 10px; }
.legend { display: grid; gap: 16px; }
.legend > div { display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 10px; font-size: 11px; }
.legend span { color: #aab1ad; }
.legend strong { font: 500 11px var(--mono); }
.legend-dot { width: 6px; height: 6px; border-radius: 2px; }
.legend-dot.bnb { background: var(--accent); }.legend-dot.eth { background: var(--violet); }.legend-dot.stable { background: var(--cyan); }.legend-dot.other { background: #4a514d; }

.metric-strip { margin-top: 14px; border-radius: 11px; display: grid; grid-template-columns: repeat(4, 1fr); }
.metric-strip article { min-height: 95px; padding: 20px; display: grid; grid-template-columns: 39px 1fr; gap: 12px; position: relative; align-items: center; }
.metric-strip article + article { border-left: 1px solid var(--line); }
.metric-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 9px; font-size: 16px; }
.metric-icon.violet { color: #a9a2ff; background: rgba(145,136,255,.11); }.metric-icon.cyan { color: var(--cyan); background: rgba(83,213,231,.09); }.metric-icon.amber { color: var(--amber); background: rgba(255,189,102,.09); }.metric-icon.green { color: var(--green); background: rgba(101,217,154,.09); }
.metric-strip div { display: grid; gap: 4px; }
.metric-strip small { color: var(--muted); font-size: 10px; }
.metric-strip strong { font: 500 20px var(--mono); }
.metric-strip em { position: absolute; top: 20px; right: 17px; color: #626a65; font: normal 9px var(--mono); }

.section-block { padding-top: 54px; scroll-margin-top: 70px; }
.section-heading { margin-bottom: 18px; }
.segmented { padding: 3px; border: 1px solid var(--line); border-radius: 8px; background: #0e110f; }
.segmented button { min-width: 58px; padding: 6px 10px; border: 0; border-radius: 5px; color: var(--muted); background: transparent; font-size: 10px; cursor: pointer; }
.segmented button.active { color: var(--text); background: #232824; }
.account-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.space-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.space-card { min-height: 148px; padding: 20px; border: 1px solid var(--line); border-radius: 11px; display: flex; flex-direction: column; background: var(--panel); cursor: pointer; transition: .2s ease; }
.space-card:hover { border-color: #475048; transform: translateY(-2px); }
.space-card.active { border-color: rgba(184,255,98,.48); box-shadow: inset 0 0 0 1px rgba(184,255,98,.08); }
.space-card-top { display: flex; align-items: center; justify-content: space-between; }
.space-card-icon { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 9px; color: #090b0a; font: 600 12px var(--mono); }
.space-card-badge { padding: 4px 7px; border-radius: 5px; color: var(--accent); background: rgba(184,255,98,.07); font: 500 8px var(--mono); }
.space-card h3 { margin: 18px 0 4px; font-size: 13px; }
.space-card p { margin: 0; color: var(--muted); font-size: 10px; }
.space-card-add { min-height: 148px; border: 1px dashed #343b36; border-radius: 11px; display: grid; place-items: center; color: var(--muted); background: transparent; cursor: pointer; }
.space-card-add:hover { color: var(--accent); border-color: rgba(184,255,98,.42); }
.account-card { min-height: 208px; padding: 20px; border-radius: 11px; transition: border .2s, transform .2s; }
.account-card:hover { border-color: #414942; transform: translateY(-2px); }
.account-card-top { display: flex; align-items: center; justify-content: space-between; }
.account-id { display: flex; align-items: center; gap: 10px; }
.account-avatar { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 9px; color: #090b0a; font: 600 12px var(--mono); }
.account-id div { display: grid; gap: 4px; }
.account-id strong { font-size: 12px; }.account-id small { color: var(--muted); font: 9px var(--mono); }
.menu-button { border: 0; background: transparent; color: var(--muted); cursor: pointer; letter-spacing: 2px; }
.account-value { margin-top: 27px; display: grid; gap: 4px; }
.account-value small { color: var(--muted); font-size: 10px; }
.account-value strong { font: 500 21px var(--mono); }
.account-footer { margin-top: 24px; padding-top: 14px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; }
.chain-stack { display: flex; }
.chain-chip { width: 24px; height: 24px; margin-left: -4px; display: grid; place-items: center; border: 2px solid var(--panel); border-radius: 50%; background: #292e2a; font: 500 8px var(--mono); }
.chain-chip:first-child { margin-left: 0; }
.account-footer span:last-child { color: var(--muted); font-size: 10px; }

.asset-heading { align-items: flex-end; }
.table-actions { display: flex; align-items: center; gap: 16px; }
.search-box { min-width: 215px; height: 36px; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; display: flex; align-items: center; gap: 8px; color: var(--muted); background: #0e110f; }
.search-box input { width: 100%; border: 0; outline: 0; color: var(--text); background: transparent; font-size: 11px; }
.switch-label { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; cursor: pointer; }
.switch-label input { position: absolute; opacity: 0; pointer-events: none; }
.switch { width: 29px; height: 16px; padding: 2px; border-radius: 10px; background: #303632; transition: .2s; }
.switch::after { content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; background: #8e9690; transition: .2s; }
.switch-label input:checked + .switch { background: var(--accent); }.switch-label input:checked + .switch::after { background: #10130f; transform: translateX(13px); }
.chain-filter { margin-bottom: 12px; display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.chain-filter button { padding: 7px 12px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); background: transparent; font-size: 10px; cursor: pointer; white-space: nowrap; }
.chain-filter button.active { color: #10130f; border-color: var(--accent); background: var(--accent); font-weight: 700; }
.asset-table-wrap { border-radius: 11px; overflow: hidden; }
.asset-table { width: 100%; border-collapse: collapse; }
.asset-table th { height: 42px; padding: 0 18px; border-bottom: 1px solid var(--line); color: #626963; font: 500 9px var(--mono); text-align: right; letter-spacing: .07em; }
.asset-table th:first-child, .asset-table th:nth-child(2) { text-align: left; }
.asset-table td { height: 69px; padding: 0 18px; border-bottom: 1px solid rgba(37,42,39,.75); text-align: right; font: 400 11px var(--mono); }
.asset-table tr:last-child td { border-bottom: 0; }
.asset-table tr { transition: background .15s; }.asset-table tbody tr:hover { background: #151916; }
.asset-table td:first-child, .asset-table td:nth-child(2) { text-align: left; }
.asset-name { display: flex; align-items: center; gap: 11px; }
.token-icon { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 50%; color: white; font: 600 10px var(--sans); }
.asset-name div { display: grid; gap: 3px; }.asset-name strong { font: 600 12px var(--sans); }.asset-name small { color: var(--muted); font: 9px var(--mono); }
.network-badge { display: inline-flex; align-items: center; gap: 6px; color: #afb6b1; font: 10px var(--sans); }
.network-badge i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.change-up { color: var(--accent); }.change-down { color: var(--danger); }
.row-action { border: 0; color: var(--muted); background: transparent; cursor: pointer; }
.muted-dash { color: var(--muted); }
.empty-state { padding: 54px; text-align: center; color: var(--muted); }

.security-note { color: var(--accent); font: 500 9px var(--mono); }
.inline-select { height: 36px; min-width: 140px; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; outline: 0; color: var(--text); background: #0e110f; font-size: 10px; }
.manager-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.manager-card { min-height: 190px; padding: 20px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel); transition: .2s ease; }
.manager-card:hover { border-color: #475048; transform: translateY(-2px); }
.manager-card-top { display: flex; align-items: center; justify-content: space-between; }
.manager-avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: #0b0e0a; font-weight: 700; }
.manager-role { color: var(--muted); font: 8px var(--mono); letter-spacing: .08em; }
.record-actions, .row-actions { display: inline-flex; align-items: center; gap: 5px; }
.record-actions button { padding: 4px 6px; border: 0; border-radius: 5px; color: var(--muted); background: #202521; font-size: 8px; cursor: pointer; }
.record-actions button:hover { color: var(--text); }
.danger-action { color: var(--danger) !important; }
.row-actions { white-space: nowrap; }
.manager-card h3 { margin: 18px 0 5px; font-size: 13px; }.manager-value { font: 500 21px var(--mono); }
.manager-stats { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--line); display: flex; gap: 18px; color: var(--muted); font-size: 9px; }
.manager-stats b { margin-right: 3px; color: var(--text); font: 500 10px var(--mono); }
.manager-pill { display: inline-flex; align-items: center; gap: 7px; color: #b7beb9; font: 10px var(--sans); }
.manager-pill i { width: 7px; height: 7px; border-radius: 50%; }
.manager-assign { height: 31px; min-width: 88px; padding: 0 8px; border: 1px solid var(--line); border-radius: 7px; outline: 0; color: #b7beb9; background: #0e110f; font-size: 10px; cursor: pointer; }
.manager-assign:focus { border-color: var(--accent); }
.phone-table-wrap { border: 1px solid var(--line); border-radius: 11px; overflow: hidden; background: var(--panel); }
.phone-table { width: 100%; border-collapse: collapse; }
.phone-table th { height: 42px; padding: 0 18px; border-bottom: 1px solid var(--line); color: #626963; font: 500 9px var(--mono); text-align: left; letter-spacing: .07em; }
.phone-table td { height: 65px; padding: 0 18px; border-bottom: 1px solid rgba(37,42,39,.75); color: #b4bbb7; font: 10px var(--mono); }
.phone-table tr:last-child td { border-bottom: 0; }
.phone-table tbody tr:hover, .phone-table .selected-row { background: #151916; }
.phone-name { display: flex; align-items: center; gap: 10px; }
.phone-name > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 8px; color: #0b0e0a; background: var(--accent); font: 600 9px var(--mono); }
.phone-name div { display: grid; gap: 3px; }.phone-name strong { color: var(--text); font: 600 11px var(--sans); }.phone-name small { color: var(--muted); font: 8px var(--mono); }
.wallet-progress { width: 66px; height: 4px; margin-right: 8px; display: inline-block; border-radius: 5px; overflow: hidden; vertical-align: middle; background: #2c322e; }
.wallet-progress i { height: 100%; display: block; border-radius: inherit; background: var(--accent); }
.phone-table td > small { color: var(--muted); font-size: 8px; }
.wallet-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.wallet-card { min-height: 222px; padding: 20px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel); }
.wallet-card-top { display: flex; align-items: center; justify-content: space-between; }
.wallet-avatar { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 9px; color: #0b0e0a; background: var(--accent); font: 600 10px var(--mono); }
.wallet-status { padding: 4px 7px; border-radius: 5px; color: var(--muted); background: #222723; font: 8px var(--mono); }
.wallet-status.live { color: var(--accent); background: rgba(184,255,98,.07); }
.wallet-card h3 { margin: 18px 0 4px; font-size: 13px; }.wallet-card > p { margin: 0; color: var(--muted); font-size: 10px; }
.wallet-value { margin-top: 14px; display: block; font: 500 20px var(--mono); }
.wallet-chains { min-height: 26px; margin-top: 16px; display: flex; flex-wrap: wrap; gap: 5px; }
.wallet-chains span { padding: 5px 7px; border: 1px solid var(--line); border-radius: 5px; color: #9ca49f; font: 8px var(--mono); }
.wallet-add { margin-top: 9px; padding-left: 0; color: var(--accent); }
.wallet-add-card { min-height: 222px; border: 1px dashed #3a423c; border-radius: 11px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--muted); background: rgba(184,255,98,.015); cursor: pointer; transition: .2s ease; }
.wallet-add-card:hover { color: var(--accent); border-color: rgba(184,255,98,.48); background: rgba(184,255,98,.035); transform: translateY(-2px); }
.wallet-add-card > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: #0b0e0a; background: var(--accent); font-size: 18px; }
.wallet-add-card strong { font-size: 11px; }.wallet-add-card small { font: 9px var(--mono); }
.asset-source { color: #aeb6b1; font: 9px var(--mono); }
.device-address-row .address-account > span { color: #0b0e0a; background: var(--accent); }
.network-intro { max-width: 680px; margin: -5px 0 18px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.admin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.admin-panel { min-height: 330px; padding: 22px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel); }
.admin-panel h3 { margin: 5px 0 0; font-size: 16px; }
.invite-form { margin: 20px 0 14px; display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.invite-form input { min-width: 0; height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; outline: 0; color: var(--text); background: #0b0e0c; }
.invite-form input:focus { border-color: var(--accent); }
.invite-result { margin-bottom: 15px; padding: 13px; display: grid; grid-template-columns: 1fr auto; gap: 9px; align-items: center; border: 1px solid rgba(184,255,98,.24); border-radius: 9px; background: rgba(184,255,98,.05); }
.invite-result code { color: var(--accent); font: 600 13px var(--mono); overflow-wrap: anywhere; }
.invite-result small { grid-column: 1 / -1; color: var(--muted); font-size: 9px; }
.admin-list { display: grid; gap: 8px; }
.admin-row { min-height: 55px; padding: 10px 12px; display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; border: 1px solid var(--line); border-radius: 8px; background: #0e110f; }
.admin-row div { min-width: 0; display: grid; gap: 3px; }
.admin-row strong { font-size: 11px; }
.admin-row small { color: var(--muted); font: 8px var(--mono); overflow: hidden; text-overflow: ellipsis; }
.status-pill { padding: 4px 7px; border-radius: 6px; color: var(--accent); background: rgba(184,255,98,.07); font: 8px var(--mono); }
.status-pill.disabled { color: var(--danger); background: rgba(255,100,100,.08); }
.network-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 11px; overflow: hidden; background: var(--panel); }
.network-card { min-height: 98px; padding: 17px; display: flex; align-items: center; gap: 12px; position: relative; }
.network-card:not(:nth-child(4n + 1)) { border-left: 1px solid var(--line); }
.network-card:nth-child(n + 5) { border-top: 1px solid var(--line); }
.network-logo { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: #fff; font: 600 10px var(--mono); }
.network-card div { display: grid; gap: 4px; min-width: 0; }
.network-card strong { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.network-card small { color: var(--muted); font: 9px var(--mono); }
.network-type { position: absolute; top: 11px; right: 11px; color: #626a65; font: 8px var(--mono); }
.address-list { border-radius: 11px; }
.address-row { min-height: 73px; padding: 14px 18px; display: grid; grid-template-columns: 1.2fr .8fr 1fr auto; gap: 18px; align-items: center; }
.address-row + .address-row { border-top: 1px solid var(--line); }
.address-account, .address-network { display: flex; align-items: center; gap: 10px; }
.address-account span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; color: #0b0e0b; font: 600 9px var(--mono); }
.address-account div, .address-network div { display: grid; gap: 3px; }
.address-account strong, .address-network strong { font-size: 11px; }
.address-account small, .address-network small { color: var(--muted); font: 9px var(--mono); }
.address-hash { color: #a7aea9; font: 10px var(--mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.copy-button { padding: 7px 10px; border: 1px solid var(--line); border-radius: 6px; color: var(--muted); background: #121512; font-size: 9px; cursor: pointer; }

.modal-backdrop { position: fixed; inset: 0; z-index: 30; padding: 20px; display: grid; place-items: center; background: rgba(2,3,2,.72); backdrop-filter: blur(8px); }
.modal-backdrop[hidden] { display: none; }
.modal { width: min(500px, 100%); padding: 31px; position: relative; border: 1px solid #303630; border-radius: 14px; background: #111411; box-shadow: 0 32px 90px rgba(0,0,0,.5); animation: modalIn .22s ease-out; }
@keyframes modalIn { from { opacity: 0; transform: translateY(10px) scale(.98); } }
.modal-close { position: absolute; top: 17px; right: 17px; width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 7px; color: var(--muted); background: transparent; cursor: pointer; }
.modal h2 { font-size: 25px; }
.compact-modal { width: min(430px, 100%); }
.modal-intro { margin: 10px 0 23px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.modal form { display: grid; gap: 15px; }
.modal label { display: grid; gap: 7px; color: #b3bab5; font-size: 11px; }
.modal input, .modal select { height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; outline: 0; color: var(--text); background: #0b0e0c; }
.modal input:focus, .modal select:focus { border-color: var(--accent); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.input-action-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.input-action-row input { width: 100%; }
.compact-button { height: 42px; padding-inline: 13px; white-space: nowrap; }
.field-status { color: var(--muted); font-size: 9px; line-height: 1.5; }
.field-status.success { color: var(--accent); }.field-status.error { color: var(--danger); }
.safe-tip { padding: 12px; border: 1px solid rgba(184,255,98,.14); border-radius: 8px; display: flex; gap: 10px; color: var(--accent); background: rgba(184,255,98,.04); }
.safe-tip p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.submit-button { margin-top: 4px; width: 100%; }
.toast { position: fixed; right: 24px; bottom: 24px; z-index: 40; padding: 12px 16px; border: 1px solid #384039; border-radius: 8px; color: #dfe5e1; background: #171b18; font-size: 11px; box-shadow: 0 12px 40px rgba(0,0,0,.25); opacity: 0; transform: translateY(8px); pointer-events: none; transition: .2s; }
.toast.show { opacity: 1; transform: none; }
.private-hidden .private-value { color: transparent; position: relative; }
.private-hidden .private-value::after { content: '••••••'; color: var(--text); position: absolute; inset: 0 auto auto 0; letter-spacing: .1em; }

@media (max-width: 1050px) {
  .app-shell { grid-template-columns: 84px minmax(0, 1fr); }
  .sidebar { width: 84px; padding-inline: 14px; }
  .brand { justify-content: center; padding-inline: 0; }.brand > span:last-child, .nav-item:not(.settings-button)::after, .nav-item { font-size: 0; }
  .nav-item { justify-content: center; padding: 0; }.nav-item span { font-size: 17px; }.sync-box { padding: 12px; }.sync-box div { justify-content: center; }.sync-box div:not(.status-dot), .sync-box small { font-size: 0; padding: 0; }.settings-button { justify-content: center; }
  .main { grid-column: 2; }.content { padding-inline: 28px; }
  .account-grid { grid-template-columns: repeat(2, 1fr); }.metric-strip { grid-template-columns: repeat(2, 1fr); }.metric-strip article:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }.metric-strip article:nth-child(4) { border-top: 1px solid var(--line); }
  .space-grid { grid-template-columns: repeat(2, 1fr); }.network-grid { grid-template-columns: repeat(2, 1fr); }.network-card:not(:nth-child(4n + 1)) { border-left: 0; }.network-card:nth-child(even) { border-left: 1px solid var(--line); }.network-card:nth-child(n + 3) { border-top: 1px solid var(--line); }
  .wallet-grid, .manager-grid { grid-template-columns: repeat(2, 1fr); }.phone-table { min-width: 820px; }.phone-table-wrap { overflow-x: auto; }
}

@media (max-width: 760px) {
  .app-shell { display: block; }.sidebar { display: none; }.main { display: block; }.topbar { height: 66px; padding: 0 18px; }.mobile-brand { display: flex; }.breadcrumb { display: none; }.profile div { display: none; }.profile { margin-left: 0; padding-left: 8px; }.content { padding: 30px 16px 70px; }
  .page-heading { align-items: flex-start; flex-direction: column; }.heading-actions { width: 100%; }.heading-actions .button { flex: 1; }.space-switcher { margin-left: 12px; }.space-switcher > span { display: none; }.space-switcher select { min-width: 100px; }.account-path { display: none; }
  .hero-grid { grid-template-columns: 1fr; }.allocation-content { grid-template-columns: 1fr 1fr; }.metric-strip { grid-template-columns: 1fr 1fr; }.metric-strip article { padding: 15px; }.metric-strip em { display: none; }
  .account-grid, .space-grid, .wallet-grid, .manager-grid, .admin-grid { grid-template-columns: 1fr; }.section-heading.asset-heading { align-items: flex-start; flex-direction: column; }.table-actions { width: 100%; flex-wrap: wrap; }.search-box { width: 100%; }.asset-table { min-width: 860px; }.asset-table-wrap { overflow-x: auto; }.address-row { grid-template-columns: 1fr auto; }.address-network, .address-hash { display: none; }
}

@media (max-width: 430px) {
  .auth-screen { padding: 14px; }.auth-card { padding: 27px 20px; }.balance-card { min-height: 265px; }.balance-line strong { font-size: 36px; }.allocation-content { grid-template-columns: 1fr; padding-top: 20px; }.allocation-card { padding-bottom: 30px; }.metric-strip { grid-template-columns: 1fr; }.metric-strip article + article, .metric-strip article:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }.segmented button { min-width: 48px; padding-inline: 8px; }.form-row, .invite-form { grid-template-columns: 1fr; }
}

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