.sidebar, .side-inner {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)) !important;
  border-right: 1px solid var(--t-line) !important;
  backdrop-filter: blur(14px);
}

.side-logo, .topbar-logo, .auth-logo, .brand {
  letter-spacing: -0.035em;
  font-weight: 800;
}

#sideNav button[data-sec] {
  position: relative;
  border-radius: 12px;
  color: var(--t-muted);
  font-weight: 550;
  transition: background .18s var(--t-ease), color .18s var(--t-ease);
}

#sideNav button[data-sec]:hover { background: rgba(255, 255, 255, 0.04); color: var(--t-ink-2); }

#sideNav button[data-sec].active {
  background: linear-gradient(90deg, rgba(91, 130, 255, 0.16), rgba(91, 130, 255, 0.04)) !important;
  color: var(--t-ink) !important;
}

#sideNav button[data-sec].active::before {
  content: '';
  position: absolute;
  left: 0; top: 50%;
  width: 3px; height: 18px;
  transform: translateY(-50%);
  border-radius: 0 3px 3px 0;
  background: var(--t-fill);
}

.nav-group, .side-group {
  font-size: 10.5px;
  letter-spacing: 0.1em;
  color: var(--t-muted-2);
}

.topbar { border-bottom: 1px solid var(--t-line); backdrop-filter: blur(14px); }

.page-head h1 { font-size: 30px; }
.page-head .page-sub, .page-sub { color: var(--t-muted); }

.pcard, .box, .kpi-strip, .auth-card, .modal {
  background: var(--t-surface-1) !important;
  border: 1px solid var(--t-line) !important;
  border-radius: var(--t-r-lg) !important;
  box-shadow: var(--t-inset), var(--t-shadow) !important;
}

.pcard { transition: border-color .2s var(--t-ease), transform .2s var(--t-ease); }
.pcard:hover { border-color: rgba(255, 255, 255, 0.12) !important; }

.pcard-title { font-size: 15px; letter-spacing: -0.015em; }
.pcard-sub { color: var(--t-muted); }

.kpi { border-color: var(--t-line) !important; }
.kpi-l { font-size: 10.5px; letter-spacing: 0.09em; color: var(--t-muted-2); }
.kpi-v { font-size: 26px; font-weight: 700; letter-spacing: -0.035em; font-variant-numeric: tabular-nums; }
.kpi-lead .kpi-v { font-size: 34px; }
.kpi-d { color: var(--t-muted); font-size: 12px; }

.btn {
  border-radius: 12px;
  font-weight: 600;
  letter-spacing: -0.005em;
  transition: transform .16s var(--t-ease), background .16s var(--t-ease), border-color .16s var(--t-ease), box-shadow .16s var(--t-ease);
}

.btn:active { transform: translateY(1px); }

.btn-primary {
  background: var(--t-fill) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 14px 30px -18px rgba(91, 130, 255, 0.95) !important;
}

.btn-primary:hover { box-shadow: 0 18px 36px -18px rgba(91, 130, 255, 1) !important; }

.btn-ghost {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid var(--t-line) !important;
  color: var(--t-ink-2) !important;
}

.btn-ghost:hover { border-color: var(--t-line-strong) !important; background: rgba(255, 255, 255, 0.06) !important; }

input, select, textarea, .field-input, .tx-search {
  border-radius: 12px !important;
  border: 1px solid var(--t-line) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: var(--t-ink) !important;
  transition: border-color .16s var(--t-ease), box-shadow .16s var(--t-ease), background .16s var(--t-ease);
}

input:focus, select:focus, textarea:focus, .field-input:focus, .tx-search:focus {
  border-color: rgba(91, 130, 255, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(91, 130, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  outline: none !important;
}

.field-label, .w-field > span, .ks-f > span {
  font-size: 10.5px;
  letter-spacing: 0.09em;
  color: var(--t-muted-2);
  text-transform: uppercase;
}

.seg, .seg-tabs {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--t-line);
  border-radius: 14px;
  padding: 3px;
}

.seg button, .seg-btn {
  border-radius: 11px;
  color: var(--t-muted);
  font-weight: 550;
  transition: background .16s var(--t-ease), color .16s var(--t-ease);
}

.seg button.active, .seg-btn.active {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--t-ink) !important;
  box-shadow: var(--t-inset);
}

.tx-item {
  border-radius: 12px;
  transition: background .16s var(--t-ease);
}

.tx-title { letter-spacing: -0.01em; }
.tx-meta { color: var(--t-muted-2); }
.tx-amount { font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }

.tx-status, .badge, .w-badge {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
  font-weight: 600;
  letter-spacing: 0.01em;
}

.wallet, .method-card, .acq-state, .w-dest, .w-hint, .inv-result, .mm-summary {
  border-radius: var(--t-r) !important;
  border-color: var(--t-line) !important;
}

.wallet:hover { border-color: rgba(91, 130, 255, 0.35) !important; }

.wallet-ic { background: var(--t-accent-soft); color: #b9c8ff; }

.flow-num { background: var(--t-accent-soft); color: #b9c8ff; }

.empty-state, .m-empty { color: var(--t-muted); }

table thead th, .m-row-head {
  font-size: 10.5px;
  letter-spacing: 0.09em;
  color: var(--t-muted-2);
}

.modal-overlay { backdrop-filter: blur(6px); background: rgba(3, 5, 10, 0.62) !important; }

.auth-card { padding: 38px 34px 30px !important; }
.auth-card h1 { font-size: 23px; }

@media (max-width: 767px) {
  .page-head h1 { font-size: 23px; }
  .kpi-lead .kpi-v { font-size: 28px; }
  .kpi-v { font-size: 21px; }
  .pcard, .box { border-radius: var(--t-r) !important; padding: 15px 14px !important; }
  .btn { min-height: 44px; }
  .tx-item { padding-left: 10px; padding-right: 10px; }
}

#sideNav button[data-sec] {
  font-size: 13.5px;
  white-space: nowrap;
  padding-top: 9px;
  padding-bottom: 9px;
}

.kpi-strip { overflow: hidden; }
.kpi + .kpi { border-left: 1px solid var(--t-line); }

.pcard, .box {
  background: var(--t-surface-1) !important;
  box-shadow: var(--t-inset), 0 22px 48px -30px rgba(0, 0, 0, 0.9) !important;
}

.tx-item + .tx-item { border-top: 1px solid rgba(255, 255, 255, 0.055); }
.tx-item { border-bottom: 0 !important; }
.tx-item:hover { background: rgba(255, 255, 255, 0.035); }

.chart-canvas, .chart-box { border-radius: 14px; }

.ov-banner {
  background: linear-gradient(120deg, rgba(91, 130, 255, 0.16), rgba(139, 108, 255, 0.07)) !important;
  border: 1px solid rgba(91, 130, 255, 0.24) !important;
  border-radius: var(--t-r-lg) !important;
}

.fee-split input.fee-range, .fee-split input.fee-range:hover, .fee-split input.fee-range:focus {
  height: 6px !important; padding: 0 !important; margin: 6px 0 !important;
  border: 0 !important; border-radius: 999px !important; box-shadow: none !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.12) 0, rgba(255, 255, 255, 0.12) var(--from, 50%), #4681ff var(--from, 50%), #4681ff var(--to, 50%), rgba(255, 255, 255, 0.12) var(--to, 50%)) !important;
}