:root {
  --bg: #0a5688;
  --panel: rgba(24, 83, 121, .36);
  --panel-strong: rgba(16, 62, 105, .52);
  --line: rgba(214, 246, 255, .18);
  --line-bright: rgba(94, 255, 190, .22);
  --text: #f4f7fb;
  --muted: #82909f;
  --muted-2: #55616d;
  --mint: #62f7bd;
  --mint-strong: #22e6a1;
  --red: #ff687c;
  --blue: #66a6ff;
  --radius: 22px;
  --font: Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; }
html { background: #0a5688; color-scheme: dark; overflow-anchor: none; }
body { margin: 0; min-height: 100vh; background: transparent; color: var(--text); font-family: var(--font); -webkit-font-smoothing: antialiased; overflow-x: hidden; position: relative; isolation: isolate; }
body::before { content: ""; position: fixed; inset: 0; z-index: -5; background: url('/assets/ayang-cyber-banner.png') center center / cover no-repeat; filter: saturate(1.18) contrast(1.04); }
body::after { content: ""; position: fixed; inset: 0; z-index: -4; pointer-events: none; background: linear-gradient(110deg, rgba(8,59,104,.2), rgba(4,31,77,.08) 50%, rgba(7,76,122,.24)), linear-gradient(to bottom, rgba(16,91,133,.06), rgba(5,47,91,.2)); }
body.app-active { height: 100vh; overflow: hidden; }
body.app-active .app-shell { position: fixed; inset: 0; height: 100vh; overflow: hidden; }
body.app-active .main-panel { height: 100vh; overflow-y: auto; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
.is-hidden { display: none !important; }
.glass { background: linear-gradient(145deg, rgba(39, 112, 149, .42), rgba(23, 58, 108, .3)); border: 1px solid var(--line); box-shadow: inset 0 1px 0 rgba(255,255,255,.17), 0 22px 60px rgba(4,31,72,.24); backdrop-filter: blur(28px) saturate(165%); -webkit-backdrop-filter: blur(28px) saturate(165%); }
:where(.landing-nav,.sidebar,.topbar,.stat-card,.panel,.wallet-card,.settings-panel,.privacy-panel,.modal,.mobile-nav,.search-box,.filter-chip,.input-shell,.login-flow>div,.toast) { backdrop-filter: blur(26px) saturate(140%); -webkit-backdrop-filter: blur(26px) saturate(140%); box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 18px 55px rgba(0,0,0,.2); }
:where(.stat-card,.panel,.wallet-card,.settings-panel,.privacy-panel) { background-color: rgba(22,74,113,.36); border-color: rgba(196,242,255,.15); }
.noise { position: fixed; inset: 0; opacity: .035; z-index: -1; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.aurora { position: fixed; width: 600px; height: 600px; border-radius: 50%; filter: blur(160px); pointer-events: none; opacity: .14; z-index: -2; }
.aurora-a { background: #12e5a0; right: -280px; top: -250px; }
.aurora-b { background: #1b6dff; left: 5%; bottom: -450px; }

/* Landing */
.landing { min-height: 100vh; padding: 28px clamp(24px, 5vw, 76px) 0; position: relative; overflow: hidden; }
.landing::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom, black, transparent 80%); }
.landing-nav { position: relative; z-index: 3; height: 72px; max-width: 1420px; margin: 0 auto; padding: 0 24px; border-radius: 18px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: -.03em; }
.brand-mark { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; position: relative; background: linear-gradient(135deg, #9effdc, #20d997); box-shadow: 0 0 28px rgba(53,235,173,.22); color: #062018; }
.brand-mark::after { content: ""; position: absolute; inset: 4px; border: 1px solid rgba(4,39,28,.2); border-radius: 9px; }
.brand-mark span { font: 900 22px/1 Georgia, serif; font-style: italic; z-index: 1; }
.brand-name { font-size: 15px; line-height: 1.05; }
.brand-name small { display: block; color: var(--muted); letter-spacing: .25em; font-size: 7px; margin-top: 5px; }
.system-pill { font-size: 12px; color: #aab5bf; letter-spacing: .08em; display: flex; align-items: center; gap: 9px; }
.system-pill i, .live-status > span, .live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(98,247,189,.08), 0 0 18px rgba(98,247,189,.9); animation: breathe 2s infinite; }
.hero { position: relative; max-width: 1360px; min-height: calc(100vh - 155px); margin: 0 auto; padding: 7vh 1.5vw 12vh; display: grid; grid-template-columns: minmax(420px, .9fr) minmax(500px, 1.1fr); align-items: center; gap: 5vw; z-index: 1; }
.hero-copy { max-width: 640px; }
.eyebrow, .section-kicker { color: var(--mint); font-size: 11px; font-weight: 800; letter-spacing: .19em; }
.eyebrow span { display: inline-grid; place-items: center; width: 28px; height: 20px; border: 1px solid rgba(98,247,189,.35); border-radius: 5px; margin-right: 8px; font-size: 8px; }
.hero h1 { font-size: clamp(58px, 7vw, 106px); line-height: .94; margin: 28px 0 28px; letter-spacing: -.075em; font-weight: 660; }
.hero h1 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(98,247,189,.78); filter: drop-shadow(0 0 22px rgba(98,247,189,.12)); }
.hero-copy > p { max-width: 540px; color: #9ba7b3; font-size: 16px; line-height: 1.9; margin: 0 0 34px; }
.primary-cta { border: 1px solid rgba(111,255,204,.4); cursor: pointer; display: flex; align-items: center; gap: 15px; min-width: 380px; padding: 14px 16px; border-radius: 17px; background: linear-gradient(110deg, rgba(65,242,177,.98), rgba(35,210,154,.9)); color: #042117; box-shadow: 0 14px 40px rgba(31,211,151,.18), inset 0 1px 1px rgba(255,255,255,.5); transition: transform .25s, box-shadow .25s; text-align: left; }
.primary-cta:hover { transform: translateY(-3px); box-shadow: 0 20px 55px rgba(31,211,151,.28), inset 0 1px 1px rgba(255,255,255,.5); }
.primary-cta .cta-icon { width: 43px; height: 43px; border-radius: 12px; background: rgba(1,31,21,.11); display: grid; place-items: center; }
.primary-cta svg { width: 21px; height: 21px; }
.primary-cta strong, .primary-cta small { display: block; }
.primary-cta strong { font-size: 15px; }
.primary-cta small { opacity: .65; margin-top: 4px; font-size: 10px; letter-spacing: .04em; }
.cta-arrow { margin-left: auto; display: grid; place-items: center; }
.trust-row { display: flex; gap: 24px; margin-top: 27px; color: #75818e; font-size: 11px; }
.trust-row span { display: flex; align-items: center; gap: 7px; }
.trust-row svg { width: 14px; height: 14px; color: var(--mint); }
.hero-visual { height: 610px; min-width: 520px; position: relative; }
.hero-visual::before { content: ""; position: absolute; width: 330px; height: 330px; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: rgba(39,229,160,.06); filter: blur(35px); }
.orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(126, 255, 208, .14); border-radius: 50%; transform: translate(-50%,-50%) rotate(-16deg); }
.orbit-one { width: 400px; height: 400px; }
.orbit-two { width: 570px; height: 570px; border-style: dashed; border-color: rgba(255,255,255,.075); animation: spin 55s linear infinite; }
.chain-core { position: absolute; width: 164px; height: 164px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); display: grid; place-items: center; background: radial-gradient(circle at 40% 32%, #15382c, #09120f 65%); border: 1px solid rgba(98,247,189,.28); box-shadow: 0 0 0 17px rgba(82,240,183,.025), 0 0 80px rgba(49,232,165,.15), inset 0 0 40px rgba(64,229,170,.08); }
.core-logo { color: var(--mint); font: italic 900 68px/1 Georgia, serif; text-shadow: 0 0 28px rgba(98,247,189,.45); }
.core-pulse { position: absolute; inset: -1px; border-radius: 50%; border: 1px solid rgba(98,247,189,.38); animation: core-pulse 2.8s ease-out infinite; }
.coin-node { position: absolute; width: 70px; height: 70px; display: grid; place-items: center; border-radius: 19px; background: rgba(10,16,23,.86); border: 1px solid rgba(255,255,255,.1); box-shadow: 0 14px 34px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05); }
.coin-node b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; font-size: 17px; }
.coin-node small { position: absolute; top: 76px; color: #65717d; font-size: 8px; letter-spacing: .14em; }
.coin-trx { left: 9%; top: 22%; }.coin-trx b { background: #ef5350; }
.coin-eth { right: 5%; top: 25%; }.coin-eth b { background: #6673d9; }
.coin-sol { left: 13%; bottom: 17%; }.coin-sol b { color: #05130f; background: #17e5aa; }
.coin-btc { right: 9%; bottom: 13%; }.coin-btc b { background: #f7931a; }
.floating-tx { position: absolute; left: 50%; top: 12%; width: 262px; transform: translateX(-50%); border-radius: 17px; padding: 14px; display: flex; align-items: center; gap: 13px; animation: float 4s ease-in-out infinite; }
.floating-tx div { display: flex; flex-direction: column; gap: 4px; }
.floating-tx small { color: var(--muted); font-size: 10px; }.floating-tx strong { font-size: 14px; }
.tx-check { margin-left: auto; width: 28px; height: 28px; display: grid; place-items: center; background: rgba(98,247,189,.1); border-radius: 50%; color: var(--mint); }
.tx-check svg { width: 14px; }
.data-chip { position: absolute; padding: 9px 12px; font-size: 8px; letter-spacing: .13em; color: #66727f; background: rgba(6,10,15,.65); border: 1px solid rgba(255,255,255,.06); border-radius: 9px; }
.data-chip span { color: var(--mint); font-weight: 900; margin-right: 5px; }
.chip-a { left: 31%; top: 23%; }.chip-b { right: 25%; bottom: 25%; }
.chain-strip { position: absolute; bottom: 0; height: 64px; left: 0; right: 0; display: flex; align-items: center; justify-content: space-around; padding: 0 5vw; border-top: 1px solid rgba(255,255,255,.055); background: rgba(4,8,12,.63); color: #4c5661; font-size: 9px; letter-spacing: .22em; }
.chain-strip i { width: 3px; height: 3px; border-radius: 50%; background: #34404a; }

/* Application shell */
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 250px minmax(0,1fr); }
.sidebar { position: fixed; inset: 16px auto 16px 16px; width: 234px; border-radius: 22px; z-index: 20; display: flex; flex-direction: column; padding: 23px 15px 14px; }
.side-brand { padding: 0 10px 23px; }
.side-brand .brand-mark { width: 35px; height: 35px; }.side-brand .brand-name { font-size: 13px; }
.side-section-label { color: #44505c; font-size: 8px; font-weight: 800; letter-spacing: .18em; padding: 14px 12px 9px; border-top: 1px solid rgba(255,255,255,.05); }
.side-nav { display: grid; gap: 5px; }
.nav-item { position: relative; border: 0; background: transparent; display: flex; align-items: center; gap: 12px; height: 46px; padding: 0 13px; border-radius: 12px; color: #7c8996; font-size: 13px; cursor: pointer; text-align: left; transition: .2s; }
.nav-item svg { width: 17px; height: 17px; }.nav-item:hover { color: #c9d3db; background: rgba(255,255,255,.025); }
.nav-item.active { color: #dfffee; background: linear-gradient(90deg, rgba(57,224,163,.13), rgba(57,224,163,.025)); border: 1px solid rgba(89,247,188,.08); }
.nav-item.active::before { content: ""; position: absolute; left: 0; width: 2px; height: 20px; border-radius: 3px; background: var(--mint); box-shadow: 0 0 14px var(--mint); }
.nav-item.active svg { color: var(--mint); }
.nav-item b { margin-left: auto; padding: 3px 7px; border-radius: 7px; background: rgba(255,255,255,.05); font-size: 9px; font-weight: 700; }
.side-bottom { margin-top: auto; }
.secure-card { margin: 12px 0; padding: 13px 10px; display: flex; gap: 10px; align-items: center; border-radius: 12px; background: rgba(54,230,165,.045); border: 1px solid rgba(54,230,165,.09); }
.secure-icon { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; color: var(--mint); background: rgba(75,233,174,.1); }.secure-icon svg { width: 13px; }
.secure-card strong, .secure-card small { display: block; }.secure-card strong { font-size: 10px; }.secure-card small { font-size: 8px; margin-top: 4px; color: #697683; }
.support-link { padding: 11px; display: flex; align-items: center; gap: 9px; color: #6f7c88; font-size: 10px; }.support-link svg { width: 14px; }.support-link span { color: #9cabb7; margin-left: auto; }
.user-mini { display: flex; align-items: center; gap: 9px; padding: 13px 9px 4px; border-top: 1px solid rgba(255,255,255,.055); position: relative; }
.avatar { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(135deg, #26382f, #17231e); color: var(--mint); border: 1px solid rgba(98,247,189,.14); font-weight: 800; font-size: 12px; }
.user-mini strong, .user-mini small { display: block; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.user-mini strong { font-size: 10px; }.user-mini small { color: #5c6874; font-size: 8px; margin-top: 3px; }
.online { margin-left: auto; width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 8px var(--mint); }
.main-panel { grid-column: 2; min-width: 0; padding: 0 clamp(24px,3.4vw,58px); }
.topbar { height: 114px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.055); }
.topbar p { color: #52606d; font-size: 8px; font-weight: 800; letter-spacing: .2em; margin: 0 0 8px; }
.topbar h2 { margin: 0; font-size: 23px; letter-spacing: -.035em; font-weight: 550; }.topbar h2 span { color: var(--mint); }
.top-actions { display: flex; align-items: center; gap: 12px; }.live-status { display: flex; align-items: center; gap: 12px; border-right: 1px solid rgba(255,255,255,.07); padding-right: 20px; margin-right: 3px; }
.live-status > span { width: 6px; height: 6px; }.live-status b,.live-status small { display:block; }.live-status b { color: #a9b5bf; font-size: 10px; font-weight: 600; }.live-status small { color: #4d5964; font-size: 8px; margin-top: 3px; }
.icon-button { border: 1px solid rgba(255,255,255,.075); width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(255,255,255,.025); cursor:pointer; position:relative; }.icon-button svg { width: 16px; }.icon-button > span { position:absolute; width:5px;height:5px;border-radius:50%;background:var(--mint);right:9px;top:8px;box-shadow:0 0 7px var(--mint); }
.add-wallet-button { height: 40px; border-radius: 11px; padding: 0 15px; display: flex; align-items: center; gap: 8px; color: #062219; font-weight: 750; font-size: 11px; background: var(--mint); border: 0; cursor: pointer; box-shadow: 0 10px 25px rgba(65,239,177,.12); }.add-wallet-button svg { width: 14px; }
.view-root { min-height: calc(100vh - 178px); padding: 29px 0 38px; }
.view-head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom: 17px; }
.view-head h3 { margin:0; font-size:18px; letter-spacing:-.025em; }.view-head p { margin:5px 0 0;color:#5d6a76;font-size:10px; }
.section-kicker { margin: 0 0 8px; font-size: 8px; }
.text-button { border:0;background:transparent;color:#7e8c98;font-size:10px;cursor:pointer;display:flex;align-items:center;gap:6px; }.text-button svg{width:13px}.text-button:hover{color:var(--mint)}

/* Dashboard */
.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-bottom: 28px; }
.stat-card { min-height: 127px; border-radius: 16px; padding: 18px 17px; position:relative; overflow:hidden; background: linear-gradient(145deg, rgba(18,25,35,.82), rgba(10,15,22,.62)); border:1px solid rgba(255,255,255,.06); }
.stat-card::after { content:""; position:absolute; width:80px;height:80px;border-radius:50%;right:-35px;top:-40px;background:var(--accent,#62f7bd);filter:blur(35px);opacity:.1; }
.stat-top { display:flex;align-items:center;justify-content:space-between;color:#697683;font-size:9px; }
.stat-icon { width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:var(--accent,#62f7bd);background:color-mix(in srgb,var(--accent,#62f7bd) 10%, transparent);border:1px solid color-mix(in srgb,var(--accent,#62f7bd) 13%, transparent); }.stat-icon svg{width:13px}
.stat-value { display:block;margin-top:17px;font-size:24px;font-weight:670;letter-spacing:-.04em; }.stat-value .currency{color:#68747f;font-size:13px;margin-right:3px}.stat-change{font-size:8px;color:#66737f;margin-top:7px;display:flex;align-items:center;gap:5px}.stat-change svg{width:10px;height:10px}.stat-change.positive{color:#59d8a8}.stat-change.negative{color:#ff7b8a}
.content-grid { display:grid;grid-template-columns:minmax(0,1.48fr) minmax(290px,.72fr);gap:17px;align-items:start; }
.panel { border-radius: 18px; background: linear-gradient(145deg,rgba(16,23,32,.76),rgba(10,15,22,.58));border:1px solid rgba(255,255,255,.06);overflow:hidden; }
.panel-head { min-height:65px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}
.panel-head h3{font-size:13px;margin:0}.panel-head p{font-size:8px;color:#52606c;margin:5px 0 0}.panel-action{color:#778490;border:0;background:none;font-size:9px;display:flex;align-items:center;gap:5px;cursor:pointer}.panel-action:hover{color:var(--mint)}.panel-action svg{width:11px}
.tx-list { min-height: 415px; }.tx-row { display:grid;grid-template-columns:minmax(205px,1.2fr) minmax(150px,.8fr) minmax(110px,.65fr) 90px;gap:15px;align-items:center;min-height:73px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.045);transition:.2s; }.tx-row:hover{background:rgba(255,255,255,.018)}.tx-row:last-child{border-bottom:0}
.tx-main{display:flex;align-items:center;gap:12px;min-width:0}.coin-icon{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--coin,#777);color:white;font-weight:800;font-size:13px;box-shadow:0 6px 18px color-mix(in srgb,var(--coin,#777) 20%,transparent);position:relative}.coin-icon::after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.25);border-radius:50%}.coin-icon.small{width:28px;height:28px;font-size:10px}
.tx-main strong,.tx-main small,.tx-party strong,.tx-party small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-main strong{font-size:11px}.tx-main small,.tx-party small{color:#52606c;font-size:8px;margin-top:5px}.tx-party{min-width:0}.tx-party strong{font-size:9px;color:#8a97a2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.tx-amount{text-align:right}.tx-amount strong{font-size:11px}.tx-amount.in strong{color:var(--mint)}.tx-amount.out strong{color:var(--red)}.tx-amount small{display:block;color:#53606b;font-size:8px;margin-top:5px}.tx-time{text-align:right;color:#687581;font-size:9px}.tx-time small{display:block;margin-top:5px;color:#45515c}.empty-state{min-height:320px;display:grid;place-items:center;text-align:center;color:#66737f;padding:30px}.empty-state i{display:grid;place-items:center;margin:auto;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.035)}.empty-state svg{width:20px}.empty-state strong{display:block;color:#a4b0ba;font-size:12px;margin:12px 0 5px}.empty-state p{margin:0;font-size:9px}
.asset-panel .panel-head { border-bottom:0; }.asset-total{padding:0 18px 17px;border-bottom:1px solid rgba(255,255,255,.05)}.asset-total small{font-size:8px;color:#53606b}.asset-total strong{display:block;font-size:25px;margin-top:7px;letter-spacing:-.04em}.asset-list{padding:4px 18px 12px}.asset-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px 0}.asset-row + .asset-row{border-top:1px solid rgba(255,255,255,.04)}.asset-name strong,.asset-name small,.asset-balance strong,.asset-balance small{display:block}.asset-name strong{font-size:10px}.asset-name small{font-size:8px;color:#52606c;margin-top:3px}.asset-balance{text-align:right}.asset-balance strong{font-size:10px}.asset-balance small{font-size:8px;color:#52606c;margin-top:3px}
.network-badges { display:flex;flex-wrap:wrap;gap:7px;padding:15px 18px;border-top:1px solid rgba(255,255,255,.05)}.network-badge{display:flex;align-items:center;gap:5px;font-size:7px;color:#6d7a86;padding:5px 7px;border-radius:6px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.network-badge i{width:4px;height:4px;background:var(--network);border-radius:50%;box-shadow:0 0 6px var(--network)}

/* Activity + wallets + settings */
.toolbar { display:flex;gap:10px;align-items:center;margin-bottom:15px; }.search-box{height:39px;min-width:260px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.025);border-radius:11px}.search-box svg{width:14px;color:#5d6a76}.search-box input{border:0;background:none;outline:0;color:#d9e1e7;font-size:10px;width:100%}.filter-group{display:flex;gap:6px}.filter-chip{height:35px;padding:0 12px;border-radius:9px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);color:#697683;font-size:9px;cursor:pointer}.filter-chip.active{color:var(--mint);background:rgba(98,247,189,.07);border-color:rgba(98,247,189,.14)}
.activity-table .tx-row { grid-template-columns:minmax(220px,1.2fr) minmax(160px,.8fr) minmax(170px,.85fr) 110px 100px; }.tx-hash{font:8px ui-monospace,SFMono-Regular,Consolas,monospace;color:#64717d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{display:inline-flex;align-items:center;gap:5px;color:#68dcb0;font-size:8px;padding:5px 7px;border-radius:6px;background:rgba(98,247,189,.055)}.status-pill::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--mint)}
.wallet-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wallet-card{padding:18px;border-radius:17px;background:linear-gradient(145deg,rgba(17,24,33,.82),rgba(9,14,20,.68));border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.wallet-card::after{content:"";position:absolute;width:100px;height:100px;right:-55px;top:-60px;border-radius:50%;background:var(--network-color);opacity:.08;filter:blur(26px)}.wallet-top{display:flex;align-items:center;gap:10px}.network-logo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--network-color) 12%,transparent);color:var(--network-color);border:1px solid color-mix(in srgb,var(--network-color) 16%,transparent);font-weight:850;font-size:11px}.wallet-top strong,.wallet-top small{display:block}.wallet-top strong{font-size:11px}.wallet-top small{color:#586571;font-size:8px;margin-top:4px}.wallet-actions{margin-left:auto;display:flex;gap:5px}.mini-button{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#697682;cursor:pointer}.mini-button:hover{color:#e6edf2}.mini-button.danger:hover{color:var(--red);border-color:rgba(255,104,124,.2)}.mini-button svg{width:12px}.wallet-address{margin:16px 0 13px;padding:10px;border-radius:9px;background:rgba(0,0,0,.18);font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#75828d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balance-chips{display:flex;gap:6px;flex-wrap:wrap}.balance-chip{font-size:8px;padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.03);color:#83909b}.balance-chip b{color:#c8d1d8;margin-right:4px}.monitor-switch{margin-left:auto}.switch{width:34px;height:19px;border-radius:11px;background:#232d36;border:0;padding:2px;cursor:pointer;transition:.2s}.switch::after{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#697580;transition:.2s}.switch.on{background:rgba(65,227,168,.22)}.switch.on::after{transform:translateX(15px);background:var(--mint);box-shadow:0 0 10px rgba(98,247,189,.4)}
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:17px}.settings-panel{padding:5px 18px}.setting-row{display:flex;align-items:center;gap:13px;min-height:72px;border-bottom:1px solid rgba(255,255,255,.05)}.setting-row:last-child{border-bottom:0}.setting-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--mint);background:rgba(98,247,189,.06)}.setting-icon svg{width:15px}.setting-copy strong,.setting-copy small{display:block}.setting-copy strong{font-size:11px}.setting-copy small{font-size:8px;color:#576470;margin-top:5px;line-height:1.5}.setting-row .switch{margin-left:auto}.privacy-panel{padding:20px;text-align:center}.privacy-visual{width:76px;height:76px;margin:8px auto 20px;display:grid;place-items:center;border-radius:50%;background:rgba(98,247,189,.055);border:1px solid rgba(98,247,189,.12);color:var(--mint);box-shadow:0 0 30px rgba(98,247,189,.06)}.privacy-visual svg{width:27px}.privacy-panel h4{margin:0;font-size:13px}.privacy-panel p{color:#5f6c78;font-size:9px;line-height:1.7;margin:10px 0 18px}.tg-id{padding:9px;border-radius:8px;background:rgba(255,255,255,.025);font:8px ui-monospace,SFMono-Regular,Consolas,monospace;color:#71808c}.danger-zone{margin-top:14px;color:#ff7887;border-color:rgba(255,104,124,.1)}

/* Modal / toast / loading */
.modal-backdrop { position:fixed;inset:0;z-index:100;background:rgba(0,4,7,.72);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px; }
.modal { width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:22px;padding:26px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.7);animation:modal-in .25s ease-out}.modal-close{position:absolute;right:16px;top:16px;width:31px;height:31px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);display:grid;place-items:center;cursor:pointer;color:#6d7985}.modal-close svg{width:13px}.modal-badge{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--mint);background:rgba(98,247,189,.08);border:1px solid rgba(98,247,189,.14);margin-bottom:18px}.modal-badge svg{width:18px}.modal h3{font-size:21px;margin:6px 0 8px;letter-spacing:-.035em}.modal-intro{font-size:10px;color:#65727e;line-height:1.7;margin:0 0 21px}.modal form>label{display:block;font-size:9px;color:#7f8c97;margin:14px 0 8px}.network-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.network-option{height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:center;gap:6px;color:#697581;font-size:8px;cursor:pointer}.network-option i{width:6px;height:6px;border-radius:50%;background:var(--network);box-shadow:0 0 7px var(--network)}.network-option.active{color:#d8e2e8;border-color:rgba(98,247,189,.23);background:rgba(98,247,189,.06)}.input-shell{height:45px;border-radius:11px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.16);display:flex;align-items:center;gap:10px;padding:0 12px;transition:.2s}.input-shell:focus-within{border-color:rgba(98,247,189,.32);box-shadow:0 0 0 3px rgba(98,247,189,.04)}.input-shell svg{width:14px;color:#55616d}.input-shell input{border:0;background:transparent;outline:0;width:100%;color:#dce4ea;font-size:10px}.input-shell input::placeholder{color:#3f4a55}.safety-note{display:flex;gap:10px;align-items:center;margin:18px 0 15px;padding:11px;border-radius:9px;background:rgba(98,247,189,.045);color:#687681;font-size:8px;line-height:1.5}.safety-note svg{width:15px;color:var(--mint);flex:0 0 auto}.safety-note b{color:#91a39d}.submit-button{width:100%;height:46px;border:0;border-radius:11px;background:var(--mint);color:#062219;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:11px;cursor:pointer}.submit-button svg{width:14px}.submit-button:disabled{opacity:.5;cursor:not-allowed}.form-error{min-height:14px;color:#ff7383;font-size:9px;text-align:center;margin:9px 0 -5px}.toast-region{position:fixed;right:22px;top:22px;z-index:200;display:grid;gap:10px;width:min(350px,calc(100vw - 44px))}.toast{border-radius:13px;padding:13px 14px;display:flex;align-items:center;gap:11px;background:rgba(17,25,34,.92);border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 45px rgba(0,0,0,.4);backdrop-filter:blur(20px);animation:toast-in .3s}.toast>i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(98,247,189,.08);color:var(--mint)}.toast svg{width:13px}.toast strong,.toast small{display:block}.toast strong{font-size:10px}.toast small{font-size:8px;color:#66737e;margin-top:4px}.loading{position:fixed;inset:0;z-index:300;background:#05080d;display:grid;place-content:center;text-align:center}.loader-logo{width:64px;height:64px;border-radius:20px;background:var(--mint);color:#062219;display:grid;place-items:center;margin:auto;font:italic 900 32px Georgia,serif;box-shadow:0 0 0 0 rgba(98,247,189,.3);animation:load-pulse 1.5s infinite}.loading p{font-size:10px;color:#5f6c77;letter-spacing:.08em;margin-top:18px}.footer{height:64px;border-top:1px solid rgba(255,255,255,.045);color:#44505a;font-size:8px;display:flex;align-items:center;justify-content:center;gap:9px;letter-spacing:.04em}.footer span{width:3px;height:3px;border-radius:50%;background:#3b4650}.footer a{color:#73808c}.mobile-nav,.mobile-only{display:none}

.login-modal{width:min(460px,100%)}.login-badge{background:rgba(102,166,255,.09);border-color:rgba(102,166,255,.18);color:#75adff}.login-flow{display:grid;gap:9px;margin:4px 0 20px}.login-flow>div{display:flex;align-items:center;gap:11px;padding:11px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.login-flow b{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(98,247,189,.09);color:var(--mint);font-size:9px}.login-flow span,.login-flow strong,.login-flow small{display:block}.login-flow strong{font-size:10px}.login-flow small{font-size:8px;color:#596773;margin-top:4px}.telegram-login-link{display:block;text-align:center;color:#75adff;font-size:9px;margin-top:13px}.login-status{text-align:center;min-height:16px;color:#667480;font-size:8px;line-height:1.6;margin:12px 0 0}

@keyframes breathe{50%{opacity:.45;box-shadow:0 0 0 8px rgba(98,247,189,0),0 0 9px rgba(98,247,189,.4)}}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(344deg)}}
@keyframes float{50%{transform:translate(-50%,-7px)}}
@keyframes core-pulse{0%{transform:scale(1);opacity:.6}80%,100%{transform:scale(1.28);opacity:0}}
@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}}
@keyframes toast-in{from{opacity:0;transform:translateX(15px)}}
@keyframes load-pulse{70%{box-shadow:0 0 0 18px rgba(98,247,189,0)}}

@media (max-width: 1100px) {
  .hero { grid-template-columns: 1fr 1fr; }.hero-visual{transform:scale(.83);margin-left:-45px}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.asset-panel{display:none}.activity-table .tx-row{grid-template-columns:minmax(200px,1fr) minmax(140px,.8fr) 120px 90px}.activity-table .tx-hash{display:none}
}
@media (max-width: 760px) {
  body{background:radial-gradient(circle at 80% -10%,#10251f 0,var(--bg) 35%)}.landing{padding:16px 15px 0}.landing-nav{height:59px;padding:0 15px;border-radius:15px}.system-pill{font-size:8px}.hero{display:block;min-height:calc(100vh - 80px);padding:10vh 8px 90px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:8px}.hero h1{font-size:clamp(51px,17vw,78px);margin:25px 0 23px}.hero-copy>p{font-size:13px;line-height:1.75;margin-bottom:28px}.primary-cta{min-width:0;width:100%;padding:12px}.trust-row{gap:10px;justify-content:space-between;font-size:8px}.trust-row svg{width:12px}.hero-visual{position:absolute;right:-200px;top:29%;transform:scale(.6);opacity:.42;pointer-events:none}.chain-strip{height:48px;overflow:hidden;justify-content:flex-start;gap:35px;padding:0 20px;white-space:nowrap}.chain-strip span:nth-of-type(n+4),.chain-strip i:nth-of-type(n+4){display:none}
  .app-shell{display:block;padding-bottom:76px}.sidebar{display:none}.main-panel{padding:0 15px}.topbar{height:86px}.topbar>div:first-child{display:flex;align-items:center;gap:11px}.mobile-only{display:grid}.topbar p{display:none}.topbar h2{font-size:17px}.top-actions{gap:8px}.live-status{display:none}.add-wallet-button{display:none}.view-root{padding:20px 0;min-height:calc(100vh - 150px)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:21px}.stat-card{min-height:112px;padding:14px 13px}.stat-value{font-size:19px}.content-grid{display:block}.tx-row{grid-template-columns:minmax(190px,1fr) 100px 70px;padding:11px 13px;gap:8px}.tx-party{display:none}.tx-list{min-height:350px}.panel-head{padding:15px}.footer{display:none}.mobile-nav{position:fixed;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;height:62px;border-radius:18px;padding:5px 7px calc(5px + env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;color:#596671;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:7px}.mobile-nav button svg{width:16px}.mobile-nav button.active{color:var(--mint)}.mobile-nav .mobile-add{width:43px;height:43px;border-radius:14px;background:var(--mint);color:#062219;justify-self:center;align-self:center;box-shadow:0 8px 25px rgba(98,247,189,.18)}.mobile-nav .mobile-add svg{width:19px}.wallet-grid{grid-template-columns:1fr}.toolbar{display:block}.search-box{min-width:0;margin-bottom:9px}.activity-table .tx-row{grid-template-columns:minmax(180px,1fr) 100px 75px}.activity-table .tx-party,.activity-table .tx-hash{display:none}.settings-layout{grid-template-columns:1fr}.network-picker{grid-template-columns:repeat(3,1fr)}.modal{padding:22px 18px}.toast-region{top:12px;right:12px;width:calc(100vw - 24px)}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Image-driven responsive cyberpunk glass theme */
.landing::before{opacity:.78}.hero{grid-template-columns:minmax(430px,620px) 1fr;align-items:end;padding-bottom:13vh}.hero-copy{max-width:580px;padding:28px 30px;border-radius:26px;background:linear-gradient(145deg,rgba(34,110,151,.4),rgba(21,53,103,.26));border-color:rgba(215,248,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 28px 75px rgba(3,31,70,.26)}.hero h1{font-size:clamp(50px,5.2vw,78px);margin:22px 0}.hero-copy>p{color:#d1e9f3}.hero-visual{display:none}.primary-cta,.add-wallet-button,.submit-button,.mobile-nav .mobile-add{background:linear-gradient(115deg,rgba(85,240,206,.72),rgba(45,173,255,.58));border:1px solid rgba(219,255,249,.32);color:#f5ffff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 16px 40px rgba(12,78,139,.28);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%)}.primary-cta .cta-icon{background:rgba(5,60,94,.28)}
.chain-strip{background:rgba(20,75,111,.32);border-color:rgba(255,255,255,.14);backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);color:#b4d0dc}.sidebar,.topbar,.stat-card,.panel,.wallet-card,.settings-panel,.privacy-panel,.modal,.mobile-nav,.search-box,.filter-chip,.input-shell,.login-flow>div,.toast{background:linear-gradient(145deg,rgba(37,108,146,.42),rgba(21,55,105,.3));border-color:rgba(213,247,255,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 55px rgba(3,30,70,.22)}
.input-shell,.wallet-address,.tg-id,.network-option,.button-config-row .input{background:rgba(16,72,112,.3)}.modal-backdrop{background:rgba(7,50,91,.42)}.loading{background:linear-gradient(135deg,#0a6894,#224e9d)}
@media(max-width:1100px){body::before{background-position:62% center}.hero{grid-template-columns:minmax(410px,560px) 1fr}.hero-copy{max-width:520px}}
@media(max-width:760px){body{background:transparent}body::before{background-position:70% center}.landing{background:linear-gradient(to bottom,rgba(17,91,132,.06),rgba(5,45,89,.18))}.hero{display:flex;align-items:flex-end;min-height:calc(100vh - 80px);padding:18vh 8px 86px}.hero-copy{width:100%;padding:22px 18px;border-radius:22px;background:linear-gradient(145deg,rgba(37,114,151,.48),rgba(24,57,107,.34))}.hero h1{font-size:clamp(43px,14vw,62px);margin:19px 0}.hero-copy>p{font-size:12px;line-height:1.7;margin-bottom:22px}.primary-cta{background:linear-gradient(115deg,rgba(82,235,204,.76),rgba(48,171,255,.62))}.stats-grid .stat-card,.panel,.wallet-card,.settings-panel,.privacy-panel{background:linear-gradient(145deg,rgba(36,108,147,.46),rgba(23,57,107,.33))}}

/* Polished application status header */
.topbar {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 104px;
  height: 104px;
  margin-top: 18px;
  padding: 0 clamp(22px, 2.4vw, 34px);
  border: 1px solid rgba(202, 244, 255, .22);
  border-radius: 23px;
  background:
    linear-gradient(105deg, rgba(21, 89, 132, .7), rgba(19, 64, 115, .52) 52%, rgba(14, 83, 132, .56)),
    radial-gradient(circle at 76% 15%, rgba(81, 221, 255, .19), transparent 38%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .22),
    inset 0 -1px 0 rgba(39, 211, 255, .06),
    0 22px 55px rgba(2, 32, 73, .24);
  backdrop-filter: blur(30px) saturate(175%);
  -webkit-backdrop-filter: blur(30px) saturate(175%);
}
.topbar::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(117, 242, 255, .1) 1px, transparent 1px) right / 44px 100%,
    radial-gradient(circle at 100% 0, rgba(81, 244, 201, .18), transparent 31%);
  mask-image: linear-gradient(90deg, transparent 48%, black);
}
.topbar::after {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 3px;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(to bottom, transparent, var(--mint), transparent);
  box-shadow: 0 0 20px rgba(98, 247, 189, .55);
}
.topbar > * { position: relative; z-index: 1; }
.topbar > div:first-child { min-width: 0; }
.topbar p {
  margin: 0 0 9px;
  color: #8bb9cf;
  font-size: 9px;
  line-height: 1;
  letter-spacing: .24em;
  text-shadow: 0 1px 12px rgba(11, 211, 255, .2);
}
.topbar h2 {
  margin: 0;
  color: #f7fcff;
  font-size: clamp(22px, 2.05vw, 28px);
  font-weight: 720;
  line-height: 1.08;
  letter-spacing: -.045em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 4px 22px rgba(1, 31, 65, .42);
}
.top-actions {
  flex: 0 0 auto;
  gap: 9px;
  padding: 7px;
  border: 1px solid rgba(213, 248, 255, .13);
  border-radius: 18px;
  background: rgba(7, 55, 96, .26);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}
.live-status {
  min-width: 120px;
  height: 44px;
  gap: 11px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid rgba(116, 238, 211, .1);
  border-radius: 13px;
  background: rgba(32, 149, 147, .09);
}
.live-status > span { width: 7px; height: 7px; }
.live-status b { color: #d9f8f2; font-size: 10px; }
.live-status small { color: #76a7b2; font-size: 8px; }
.topbar .icon-button {
  width: 44px;
  height: 44px;
  border-color: rgba(213, 248, 255, .14);
  border-radius: 13px;
  background: rgba(28, 104, 145, .3);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.topbar .icon-button:hover {
  transform: translateY(-2px);
  border-color: rgba(122, 246, 218, .32);
  background: rgba(40, 133, 165, .4);
}
.topbar .add-wallet-button {
  height: 44px;
  padding: 0 18px;
  border-radius: 13px;
  font-size: 11px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 9px 24px rgba(23, 181, 207, .18);
  transition: transform .2s ease, filter .2s ease;
}
.topbar .add-wallet-button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.view-root { padding-top: 24px; }

@media (max-width: 1000px) and (min-width: 761px) {
  .topbar { padding-inline: 22px; }
  .live-status { min-width: 0; padding-inline: 11px; }
  .live-status small { display: none; }
}

@media (max-width: 760px) {
  .topbar {
    min-height: 74px;
    height: 74px;
    margin-top: 10px;
    padding: 0 12px 0 15px;
    border-radius: 19px;
  }
  .topbar::after { top: 14px; bottom: 14px; }
  .topbar > div:first-child { display: flex; align-items: center; min-width: 0; }
  .topbar p { display: none; }
  .topbar h2 { font-size: 17px; max-width: calc(100vw - 118px); }
  .top-actions { padding: 4px; border-radius: 14px; background: rgba(7, 55, 96, .18); }
  .topbar .icon-button { width: 39px; height: 39px; border-radius: 11px; }
  .view-root { padding-top: 17px; }
}