:root {
  color-scheme: dark;
  --ink: #edf2ff;
  --muted: #8e9ab3;
  --deep: #0a101d;
  --navy: #10192b;
  --surface: #121d31;
  --surface-2: #17243a;
  --line: rgba(164, 183, 218, 0.13);
  --mint: #31c4a2;
  --blue: #4a7cff;
  --coral: #f3836b;
  --violet: #9b7cff;
  --amber: #f2a65a;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.25);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--deep); color: var(--ink); font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
.is-hidden { display: none !important; }
.eyebrow { margin: 0 0 7px; color: var(--mint); font-size: 10px; font-weight: 800; letter-spacing: .18em; }

.login-shell { min-height: 100dvh; display: grid; place-items: center; overflow: hidden; padding: 32px 20px; position: relative; background: radial-gradient(circle at 20% 10%, #1c3150 0, transparent 38%), radial-gradient(circle at 80% 90%, #0d4a43 0, transparent 34%), var(--deep); }
.login-atmosphere { position: absolute; inset: 0; pointer-events: none; opacity: .72; }
.login-atmosphere span { position: absolute; border: 1px solid rgba(84, 210, 181, .16); border-radius: 50%; }
.login-atmosphere span:nth-child(1) { width: 580px; height: 580px; left: -220px; top: -240px; }
.login-atmosphere span:nth-child(2) { width: 390px; height: 390px; right: -100px; bottom: -170px; }
.login-atmosphere span:nth-child(3) { width: 12px; height: 12px; left: 74%; top: 17%; background: var(--mint); box-shadow: 0 0 45px 15px rgba(49,196,162,.24); }
.login-card { width: min(100%, 430px); position: relative; padding: 42px; border: 1px solid rgba(192, 210, 240, .14); border-radius: 28px; background: linear-gradient(145deg, rgba(23,36,58,.92), rgba(13,21,36,.94)); box-shadow: var(--shadow); backdrop-filter: blur(24px); }
.brand-mark { display: flex; align-items: end; gap: 4px; width: 42px; height: 38px; margin-bottom: 28px; }
.brand-mark i { display: block; width: 10px; border-radius: 9px; transform: rotate(21deg); background: var(--mint); box-shadow: 0 0 20px rgba(49,196,162,.2); }
.brand-mark i:nth-child(1) { height: 20px; opacity: .48; }
.brand-mark i:nth-child(2) { height: 31px; opacity: .75; }
.brand-mark i:nth-child(3) { height: 39px; }
.brand-mark.compact { width: 30px; height: 30px; margin: 0; gap: 3px; }
.brand-mark.compact i { width: 7px; }
.brand-mark.compact i:nth-child(1) { height: 14px; }.brand-mark.compact i:nth-child(2) { height: 22px; }.brand-mark.compact i:nth-child(3) { height: 29px; }
.login-card h1 { margin: 0; font-size: clamp(32px, 7vw, 45px); line-height: 1.16; letter-spacing: -.045em; }
.login-copy { margin: 18px 0 30px; color: var(--muted); font-size: 14px; line-height: 1.75; }
.login-card label { display: block; margin-top: 15px; }
.login-card label span { display: block; margin: 0 0 8px 3px; color: #b8c2d7; font-size: 12px; font-weight: 700; }
.login-card input { width: 100%; height: 51px; padding: 0 16px; border: 1px solid var(--line); border-radius: 13px; outline: none; background: rgba(5,11,21,.58); color: var(--ink); transition: border-color .2s, box-shadow .2s; }
.login-card input:focus { border-color: var(--mint); box-shadow: 0 0 0 4px rgba(49,196,162,.11); }
.form-error { min-height: 20px; margin: 9px 2px 0; color: #ff9682; font-size: 12px; }
.primary-button { width: 100%; height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px 0 21px; border: 0; border-radius: 13px; cursor: pointer; background: var(--mint); color: #071813; font-weight: 850; box-shadow: 0 13px 32px rgba(49,196,162,.22); }
.primary-button:hover { filter: brightness(1.06); transform: translateY(-1px); }
.primary-button:disabled { opacity: .65; cursor: progress; }
.primary-button b { font-size: 20px; }
.privacy-note { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 19px 0 0; color: #748198; font-size: 11px; }
.privacy-note span { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 12px var(--mint); }

.app-shell { min-height: 100dvh; display: grid; grid-template-columns: 222px 1fr; background: linear-gradient(120deg, #0a101d, #0c1423 62%, #0c1725); }
.sidebar { height: 100dvh; position: sticky; top: 0; display: flex; flex-direction: column; padding: 30px 18px 22px; border-right: 1px solid var(--line); background: rgba(9,15,26,.75); backdrop-filter: blur(20px); }
.sidebar-brand { display: flex; align-items: center; gap: 12px; padding: 0 9px 30px; }
.sidebar-brand > span:last-child { display: flex; flex-direction: column; }
.sidebar-brand b { font-size: 19px; letter-spacing: .12em; }
.sidebar-brand small { margin-top: 3px; color: var(--muted); font-size: 9px; letter-spacing: .12em; }
.main-nav { display: grid; gap: 7px; }
.main-nav a { display: flex; align-items: center; gap: 14px; min-height: 47px; padding: 0 15px; border-radius: 12px; color: #8794ac; font-size: 13px; font-weight: 700; transition: .2s; }
.main-nav a span { width: 19px; font-size: 18px; color: #64738e; }
.main-nav a:hover { color: #d8e1f2; background: rgba(255,255,255,.035); }
.main-nav a.active { color: var(--ink); background: linear-gradient(90deg, rgba(49,196,162,.15), rgba(49,196,162,.035)); box-shadow: inset 3px 0 var(--mint); }
.main-nav a.active span { color: var(--mint); }
.source-shortcuts { margin-top: 30px; padding: 0 10px; }
.source-shortcuts p { margin: 0 0 13px; color: #58657b; font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.source-shortcuts a { display: flex; align-items: center; gap: 8px; padding: 9px 0; color: #8592a9; font-size: 11px; }
.source-shortcuts a:hover { color: var(--ink); }
.source-shortcuts a span { margin-left: auto; }
.dot { width: 7px; height: 7px; border-radius: 50%; }.dot.mint { background: var(--mint); }.dot.blue { background: var(--blue); }
.sidebar-foot { margin-top: auto; display: flex; align-items: center; gap: 10px; padding: 16px 8px 0; border-top: 1px solid var(--line); }
.avatar { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 11px; background: linear-gradient(145deg, #305678, #233a5d); color: #d9efff; font-size: 12px; font-weight: 800; }
.sidebar-foot > div:nth-child(2) { min-width: 0; display: flex; flex: 1; flex-direction: column; }
.sidebar-foot b { overflow: hidden; font-size: 11px; text-overflow: ellipsis; }.sidebar-foot small { color: #66738a; font-size: 9px; margin-top: 3px; }
.sidebar-foot button { width: 30px; height: 30px; border: 0; border-radius: 9px; background: transparent; color: #6e7b92; cursor: pointer; }.sidebar-foot button:hover { background: rgba(255,255,255,.05); color: var(--ink); }

.main-content { min-width: 0; padding: 0 38px 70px; }
.topbar { height: 104px; display: flex; align-items: center; justify-content: space-between; position: sticky; z-index: 10; top: 0; background: linear-gradient(180deg, rgba(10,16,29,.98) 50%, rgba(10,16,29,0)); }
.topbar h2 { margin: 0; font-size: 20px; letter-spacing: -.02em; }
.topbar-actions { display: flex; align-items: center; gap: 12px; }
.live-status { min-width: 156px; display: grid; grid-template-columns: 10px 1fr; align-items: center; padding: 9px 13px; border: 1px solid var(--line); border-radius: 12px; background: rgba(20,31,50,.7); }
.live-status i { width: 7px; height: 7px; grid-row: 1 / 3; border-radius: 50%; background: var(--mint); box-shadow: 0 0 11px var(--mint); }
.live-status span { color: #cbd6e9; font-size: 10px; font-weight: 800; }.live-status small { margin-top: 2px; color: #66758e; font-size: 8px; }
.icon-button { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 12px; background: rgba(20,31,50,.7); color: #a8b5c9; cursor: pointer; font-size: 18px; }
.icon-button:hover { color: var(--mint); border-color: rgba(49,196,162,.4); }
.icon-button.loading { animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.view { display: none; animation: appear .3s ease; }.view.active { display: block; }
@keyframes appear { from { opacity: 0; transform: translateY(5px); } }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .7fr); gap: 18px; }
.capital-hero, .signal-card, .panel, .metric-card { border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, rgba(23,36,58,.88), rgba(15,25,42,.86)); box-shadow: 0 15px 50px rgba(0,0,0,.12); }
.capital-hero { min-height: 290px; padding: 30px 32px 23px; position: relative; overflow: hidden; background: radial-gradient(circle at 89% 10%, rgba(49,196,162,.13), transparent 34%), linear-gradient(135deg, #182842, #111d31 72%); }
.capital-hero::after { content: ""; width: 270px; height: 270px; position: absolute; top: -180px; right: -80px; border: 1px solid rgba(49,196,162,.14); border-radius: 50%; box-shadow: 0 0 0 44px rgba(49,196,162,.025), 0 0 0 85px rgba(49,196,162,.015); }
.hero-topline { display: flex; align-items: center; justify-content: space-between; color: #a7b4c9; font-size: 12px; }
.delta { padding: 5px 9px; border-radius: 20px; background: rgba(49,196,162,.1); color: var(--mint); font-size: 10px; font-weight: 800; }.delta.negative { background: rgba(243,131,107,.1); color: var(--coral); }
.hero-number { margin: 18px 0 25px; font-size: clamp(38px, 5vw, 60px); font-weight: 780; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.capital-composition { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.composition-item { min-width: 0; padding: 11px 12px; border-radius: 11px; background: rgba(2,8,16,.25); }
.composition-item span { display: flex; align-items: center; gap: 6px; color: #7989a3; font-size: 9px; white-space: nowrap; }.composition-item span i { width: 6px; height: 6px; border-radius: 50%; }
.composition-item b { display: block; margin-top: 6px; overflow: hidden; color: #cfd8e9; font-size: 12px; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.hero-foot { display: flex; align-items: center; justify-content: space-between; margin-top: 23px; padding-top: 17px; border-top: 1px solid var(--line); color: #6f7e96; font-size: 10px; }
.hero-foot a { color: var(--mint); font-weight: 750; }
.signal-card { min-height: 290px; position: relative; overflow: hidden; padding: 28px; background: linear-gradient(145deg, #162742, #111b2e); }
.signal-orbit { width: 155px; height: 155px; position: absolute; top: -29px; right: -24px; border: 1px solid rgba(74,124,255,.14); border-radius: 50%; }
.signal-orbit i { position: absolute; border: 1px solid rgba(74,124,255,.12); border-radius: 50%; inset: 20px; }.signal-orbit i:nth-child(2){ inset: 45px; background: rgba(74,124,255,.08); }.signal-orbit i:nth-child(3){ inset: 65px; background: var(--blue); box-shadow: 0 0 30px rgba(74,124,255,.5); }
.signal-content { height: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: end; }
.signal-content > span { color: var(--blue); font-size: 10px; font-weight: 850; letter-spacing: .15em; }
.signal-content h3 { margin: 13px 0 8px; font-size: 21px; line-height: 1.3; }.signal-content p { margin: 0; color: #8b9ab3; font-size: 11px; line-height: 1.65; }
.signal-content b { display: inline-block; margin-top: 16px; padding: 6px 10px; border-radius: 8px; background: rgba(74,124,255,.12); color: #7fa0ff; font-size: 11px; }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.metric-card { min-height: 104px; display: flex; align-items: center; gap: 13px; padding: 19px; border-radius: 17px; }
.metric-icon { width: 39px; height: 39px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; font-size: 13px; font-weight: 850; }.metric-icon.mint { color: var(--mint); background: rgba(49,196,162,.1); }.metric-icon.coral { color: var(--coral); background: rgba(243,131,107,.1); }.metric-icon.violet { color: var(--violet); background: rgba(155,124,255,.1); }.metric-icon.blue { color: #6c96ff; background: rgba(74,124,255,.1); }
.metric-card p { margin: 0; color: #8592a9; font-size: 10px; }.metric-card h3 { margin: 7px 0 3px; font-size: 18px; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }.metric-card small { color: #5e6c83; font-size: 9px; }
.dashboard-grid { display: grid; gap: 14px; margin-top: 14px; }.overview-detail { grid-template-columns: minmax(0, 1.8fr) minmax(260px, .72fr); }.finance-grid { grid-template-columns: minmax(340px,.9fr) minmax(0,1.2fr); }.possession-grid { grid-template-columns: minmax(0,1.45fr) minmax(300px,.7fr); }
.panel { padding: 23px; }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }.panel-head h3 { margin: 0; font-size: 15px; }.panel-note { color: #69778e; font-size: 9px; }
.pulse-badge { padding: 5px 8px; border-radius: 20px; background: rgba(49,196,162,.09); color: var(--mint); font-size: 8px; }
.chart-wrap { height: 190px; position: relative; }.chart-wrap.tall { height: 285px; }.chart-wrap canvas { width: 100%; height: 100%; display: block; }.empty-chart { position: absolute; inset: 0; display: grid; place-items: center; color: #66748b; font-size: 11px; }
.source-panel { display: flex; flex-direction: column; }
.source-row { display: flex; align-items: center; gap: 11px; padding: 12px 0; }.source-logo { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; font-style: normal; font-size: 12px; font-weight: 900; }.source-logo.mint { background: rgba(49,196,162,.11); color: var(--mint); }.source-logo.blue { background: rgba(74,124,255,.11); color: #7197ff; }
.source-row div { min-width: 0; display: flex; flex: 1; flex-direction: column; }.source-row b { font-size: 11px; }.source-row small { margin-top: 5px; overflow: hidden; color: #65738a; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.source-ok { color: var(--mint); font-size: 8px; }
.flow-line { display: flex; align-items: center; gap: 8px; color: #4c5b71; font-size: 8px; }.flow-line span { height: 1px; flex: 1; background: var(--line); }.flow-line i { font-style: normal; }

.section-intro { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 5px 0 25px; }.section-intro h2 { margin: 0; font-size: 31px; letter-spacing: -.04em; }.section-intro > div:first-child > p:last-child { margin: 8px 0 0; color: #738098; font-size: 11px; }.section-stat { text-align: right; }.section-stat span { display: block; color: #68758b; font-size: 9px; }.section-stat b { display: block; margin-top: 7px; font-size: 21px; font-variant-numeric: tabular-nums; }
.donut-layout { min-height: 260px; display: grid; grid-template-columns: 174px 1fr; align-items: center; gap: 22px; }
.donut { width: 174px; height: 174px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--mint) 0 25%, var(--blue) 25% 55%, var(--violet) 55% 80%, var(--amber) 80%); position: relative; }.donut::before { content: ""; position: absolute; inset: 21px; border-radius: 50%; background: #142137; box-shadow: inset 0 0 25px rgba(0,0,0,.25); }.donut > div { z-index: 1; text-align: center; }.donut span { display: block; color: #6b7990; font-size: 8px; }.donut b { display: block; margin-top: 5px; font-size: 17px; }
.legend { display: grid; gap: 13px; }.legend-row { display: grid; grid-template-columns: 9px 1fr auto; gap: 8px; align-items: center; }.legend-row i { width: 7px; height: 7px; border-radius: 50%; }.legend-row span { color: #8794aa; font-size: 10px; }.legend-row b { font-size: 11px; font-variant-numeric: tabular-nums; }.legend-row small { grid-column: 2 / 4; margin-top: -5px; color: #59667b; font-size: 8px; }
.account-list, .item-list { display: grid; gap: 4px; }
.account-row { display: grid; grid-template-columns: 36px minmax(80px,1fr) minmax(80px,1fr) auto; align-items: center; gap: 11px; min-height: 49px; padding: 7px 9px; border-radius: 11px; }.account-row:hover, .item-row:hover { background: rgba(255,255,255,.025); }
.account-icon, .item-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.045); font-size: 15px; }.account-info, .item-info { min-width: 0; display: flex; flex-direction: column; }.account-info b, .item-info b { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.account-info small, .item-info small { margin-top: 4px; color: #5f6d84; font-size: 8px; }
.account-bar { height: 4px; overflow: hidden; border-radius: 5px; background: rgba(255,255,255,.045); }.account-bar i { display: block; height: 100%; border-radius: 5px; }.account-value { font-size: 10px; font-variant-numeric: tabular-nums; }
.full-trend-panel { margin-top: 14px; }.change-summary { color: var(--mint); font-size: 10px; }.change-summary.negative { color: var(--coral); }
.compact-metrics { margin: 0 0 14px; }
.item-row { display: grid; grid-template-columns: 38px minmax(100px,1fr) minmax(80px,.7fr) auto; gap: 10px; align-items: center; min-height: 55px; padding: 7px 8px; border-radius: 11px; }.item-cost { text-align: right; }.item-cost b { display: block; font-size: 10px; }.item-cost small { display: block; margin-top: 4px; color: #637189; font-size: 8px; }.cost-track { height: 4px; border-radius: 4px; background: rgba(255,255,255,.05); overflow: hidden; }.cost-track i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg,var(--blue),var(--coral)); }.idle-tag { color: var(--coral) !important; }
.empty-list { display: grid; place-items: center; min-height: 170px; color: #647189; font-size: 10px; text-align: center; line-height: 1.7; }
.category-bars { display: grid; gap: 20px; padding-top: 5px; }.category-bar-top { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 10px; }.category-bar-top span { color: #8a97ad; }.category-bar-top b { font-variant-numeric: tabular-nums; }.category-bar-track { height: 7px; overflow: hidden; border-radius: 8px; background: rgba(255,255,255,.045); }.category-bar-track i { display: block; height: 100%; border-radius: 8px; }
.insight-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.insight-card { min-height: 195px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; position: relative; overflow: hidden; background: linear-gradient(145deg, rgba(23,36,58,.9), rgba(14,23,39,.87)); }.insight-card::before { content: ""; width: 90px; height: 90px; position: absolute; right: -40px; top: -43px; border-radius: 50%; background: var(--accent); opacity: .1; box-shadow: 0 0 0 18px var(--accent); }.insight-card.good { --accent: var(--mint); }.insight-card.watch { --accent: var(--coral); }.insight-card.info { --accent: var(--blue); }
.insight-card > span { display: inline-flex; align-items: center; gap: 6px; color: var(--accent); font-size: 9px; font-weight: 800; letter-spacing: .09em; }.insight-card > span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px var(--accent); }.insight-card h3 { margin: 22px 0 8px; font-size: 16px; }.insight-card p { margin: 0; color: #7f8ca3; font-size: 10px; line-height: 1.7; }.insight-card b { display: block; margin-top: 18px; color: var(--accent); font-size: 20px; font-variant-numeric: tabular-nums; }
.method-panel { margin-top: 14px; }.method-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }.method-grid > div { padding: 16px; border-radius: 13px; background: rgba(255,255,255,.025); }.method-grid span { color: var(--mint); font-size: 8px; font-weight: 900; }.method-grid b { display: block; margin-top: 11px; font-size: 11px; }.method-grid p { margin: 7px 0 0; color: #718097; font-size: 9px; line-height: 1.65; }
.mobile-nav { display: none; }
.toast { max-width: min(380px, calc(100vw - 30px)); position: fixed; z-index: 50; left: 50%; bottom: 24px; padding: 11px 16px; border: 1px solid var(--line); border-radius: 12px; opacity: 0; pointer-events: none; transform: translate(-50%, 15px); background: #1a2941; color: #dbe5f5; box-shadow: var(--shadow); font-size: 11px; transition: .25s; }.toast.show { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 1050px) {
  .metric-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .overview-detail, .finance-grid, .possession-grid { grid-template-columns: 1fr; }
  .signal-card { min-height: 220px; }
  .insight-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .method-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 720px) {
  .app-shell { display: block; }
  .sidebar { display: none; }
  .main-content { padding: 0 15px 96px; }
  .topbar { height: 82px; }
  .topbar .eyebrow { display: none; }.topbar h2 { font-size: 17px; }
  .live-status { min-width: 113px; padding: 8px 10px; }.live-status small { display: none; }
  .hero-grid { grid-template-columns: 1fr; }
  .capital-hero { min-height: 275px; padding: 25px 21px 20px; }.hero-number { margin-top: 16px; font-size: 40px; }
  .capital-composition { grid-template-columns: repeat(2, minmax(0,1fr)); }.hero-foot { align-items: flex-start; gap: 10px; }.hero-foot span { max-width: 55%; }
  .signal-card { min-height: 200px; padding: 22px; }
  .metric-grid { grid-template-columns: 1fr 1fr; gap: 9px; }.metric-card { min-height: 98px; padding: 14px; }.metric-icon { width: 34px; height: 34px; }.metric-card h3 { font-size: 15px; }
  .panel { padding: 18px 16px; }.chart-wrap { height: 175px; }.chart-wrap.tall { height: 230px; }
  .section-intro { align-items: flex-start; }.section-intro h2 { font-size: 26px; }.section-stat { display: none; }
  .donut-layout { grid-template-columns: 1fr; justify-items: center; }.legend { width: 100%; }
  .account-row { grid-template-columns: 34px minmax(70px,1fr) auto; }.account-bar { display: none; }
  .item-row { grid-template-columns: 36px minmax(80px,1fr) auto; }.cost-track { display: none; }
  .insight-grid { grid-template-columns: 1fr; }.method-grid { grid-template-columns: 1fr; }
  .mobile-nav { position: fixed; z-index: 20; left: 12px; right: 12px; bottom: max(11px, env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(4,1fr); padding: 6px; border: 1px solid rgba(180,200,232,.14); border-radius: 17px; background: rgba(17,27,45,.92); box-shadow: 0 16px 45px rgba(0,0,0,.35); backdrop-filter: blur(18px); }
  .mobile-nav a { height: 48px; display: grid; place-items: center; align-content: center; gap: 3px; border-radius: 12px; color: #69768c; font-size: 8px; font-weight: 800; }.mobile-nav a span { font-size: 16px; }.mobile-nav a.active { background: rgba(49,196,162,.11); color: var(--mint); }
}

@media (max-width: 430px) {
  .login-card { padding: 32px 23px; border-radius: 22px; }
  .metric-grid { grid-template-columns: 1fr; }.metric-card { min-height: 84px; }
  .hero-number { font-size: 34px; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; transition-duration: .001ms !important; } }