html[data-theme="light"] {
  --bg: #ffffff;
  --bg2: #ffffff;
  --bg3: #eef1f7;
  --panel: #ffffff;
  --panel2: #e3e8f0;
  --line: #e3e8f0;
  --text: #16181d;
  --muted: #222d3a;
  --muted2: #94a3b8;
  --brand: #4681ff;
  --brand2: #1941b3;
  --accent: #4681ff;
  --red: #EF4444;
  --orange: #F59E0B;
  --radius: 16px;
  --radius-sm: 12px;
  --radius-lg: 20px;
  --shadow: 0 4px 24px rgba(15, 23, 42, 0.055);
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.026);
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
html[data-theme="light"] .btn-primary {
  background: linear-gradient(120deg, #4681ff, #1941b3);
  color: #fff;
  box-shadow: 0 4px 14px rgba(70, 129, 255, 0.25);
}
html[data-theme="light"] .btn-primary::after {
  background: linear-gradient(120deg, rgba(15, 23, 42, 0.142), transparent);
}
html[data-theme="light"] .auth-card {
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.11);
}
html[data-theme="light"] .dropdown {
  background: rgba(15, 23, 42, 0.121);
}
html[data-theme="light"] .sidebar {
  background: var(--panel);
  border-right: 1px solid var(--line);
  box-shadow: 8px 0 30px rgba(15, 23, 42, 0.088);
}
html[data-theme="light"] .topbar {
  background: var(--panel);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.022);
}
html[data-theme="light"] .topbar:hover {
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.033);
}
html[data-theme="light"] .card:hover {
  border-color: var(--brand);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.044);
}
html[data-theme="light"] .box {
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.018);
}
html[data-theme="light"] .balance-card {
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.018);
}
html[data-theme="light"] .balance-card:hover {
  border-color: var(--brand);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.033);
}
html[data-theme="light"] .method-card {
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.018);
}
html[data-theme="light"] .method-card:hover {
  border-color: var(--brand);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.033);
}
html[data-theme="light"] .analytic-tab {
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.018);
}
html[data-theme="light"] .analytic-tab:hover {
  border-color: var(--brand);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.033);
}
html[data-theme="light"] .analytic-tab .dot {
  border: 2px solid rgba(15, 23, 42, 0.095);
}
html[data-theme="light"] .chart-wrap {
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.018);
}
html[data-theme="light"] .modal-overlay {
  background: rgba(15, 23, 42, 0.154);
}
html[data-theme="light"] .modal {
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.11);
}
html[data-theme="light"] .first-login-icon {
  background: var(--panel);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.044);
}
html[data-theme="light"] .first-login-icon {
  background: var(--panel);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.044);
}

@media (min-width:768px) {
html[data-theme="light"] .topbar {
  background: var(--panel);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.026);
}
}
@media (min-width:768px) {
html[data-theme="light"] .sidebar {
  border: 1px solid var(--line);
  border-top: 0;
  background: var(--panel);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.033);
}
}

html[data-theme="light"] {
  --bg: #f4f6fb;
  --bg2: #ffffff;
  --bg3: #eef1f7;
  --panel: linear-gradient(180deg, rgba(15, 23, 42, 0.052), rgba(15, 23, 42, 0.019));
  --panel2: #ffffff;
  --surface: linear-gradient(180deg, rgba(15, 23, 42, 0.052), rgba(15, 23, 42, 0.019));
  --line: rgba(15, 23, 42, 0.085);
  --line-strong: rgba(15, 23, 42, 0.171);
  --text: #3b517d;
  --muted: #2b3342;
  --muted2: #8b93a5;
  --blue-1: #33409a;
  --blue-2: #4681ff;
  --blue-3: #194bb3;
  --brand: #4681ff;
  --brand2: #1941b3;
  --accent: #4681ff;
  --grad: linear-gradient(120deg, #4681ff 0%, #1941b3 50%, #194bb3 100%);
  --grad-fill: linear-gradient(135deg, #33409a 0%, #4258d8 55%, #5f4fd6 100%);
  --on-fill: #ffffff;
  --grad-soft: linear-gradient(120deg, rgba(70,129,255,0.14), rgba(114,91,255,0.10));
  --grad-border: linear-gradient(135deg, rgba(70,129,255,0.5), rgba(114,91,255,0.2) 60%, rgba(15, 23, 42, 0.048));
  --ok: #34d399;
  --bad: #b31919;
  --lacquer: inset 0 1px 0 rgba(15, 23, 42, 0.067), 0 18px 38px -24px rgba(15, 23, 42, 0.158);
  --lacquer-hover: inset 0 1px 0 rgba(15, 23, 42, 0.104), 0 28px 56px -26px rgba(15, 23, 42, 0.187);
  --ring: rgba(70,129,255,0.38);
  --shadow: 0 18px 38px -24px rgba(15, 23, 42, 0.158);
  --shadow-sm: inset 0 1px 0 rgba(15, 23, 42, 0.048), 0 10px 24px -20px rgba(15, 23, 42, 0.154);
  --shadow-glow: var(--lacquer-hover);
  --radius: 18px;
  --radius-sm: 14px;
  --radius-lg: 28px;
  --radius-btn: 14px;
  --ease: cubic-bezier(.2,.7,.2,1);
}
html[data-theme="light"] .topbar {
  background: rgba(7,10,18,0.72) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.048) !important;
}
html[data-theme="light"] .btn-primary {
  background: var(--grad-fill) !important;
  border: 0 !important;
  color: var(--on-fill) !important;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.399), 0 12px 28px -14px rgba(70,129,255,0.45) !important;
}
html[data-theme="light"] .btn-primary::before {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.152), rgba(15, 23, 42, 0));
}
html[data-theme="light"] .btn-primary:hover {
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.475), 0 18px 38px -16px rgba(70,129,255,0.58) !important;
}
html[data-theme="light"] .sidebar button:hover, html[data-theme="light"] .sidebar-parent:hover, html[data-theme="light"] .sidebar-sub button:hover {
  background: rgba(15, 23, 42, 0.057) !important;
}
html[data-theme="light"] .tx-item:hover {
  background: rgba(15, 23, 42, 0.048) !important;
}
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea, html[data-theme="light"] .field-input {
  color: var(--text) !important;
  caret-color: var(--blue-2);
  background: rgba(15, 23, 42, 0.038) !important;
  border: 1px solid var(--line) !important;
  -webkit-text-fill-color: var(--text);
}
html[data-theme="light"] input:focus, html[data-theme="light"] select:focus, html[data-theme="light"] textarea:focus, html[data-theme="light"] .field-input:focus {
  border-color: var(--ring) !important;
  box-shadow: 0 0 0 3px rgba(70,129,255,0.16) !important;
  background: rgba(15, 23, 42, 0.057) !important;
  outline: none;
}
html[data-theme="light"] select {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b93a5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 13px center / 13px,
              rgba(15, 23, 42, 0.038) !important;
}
html[data-theme="light"] select option, html[data-theme="light"] select optgroup {
  background-color: #ffffff;
  color: #3b517d;
}
html[data-theme="light"] input:-webkit-autofill, html[data-theme="light"] input:-webkit-autofill:hover, html[data-theme="light"] input:-webkit-autofill:focus, html[data-theme="light"] input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--text) !important;
  box-shadow: 0 0 0 1000px #dde2ee inset !important;
  caret-color: var(--blue-2);
  border-color: var(--line) !important;
}
html[data-theme="light"] input[readonly], html[data-theme="light"] textarea[readonly], html[data-theme="light"] .field-input[readonly] {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted);
  background: rgba(15, 23, 42, 0.021) !important;
}
html[data-theme="light"] .modal {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.052), rgba(15, 23, 42, 0.019)), #ffffff !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--lacquer-hover) !important;
}
html[data-theme="light"] .topbar-ava, html[data-theme="light"] .project-icon {
  background: var(--grad-fill) !important;
  color: var(--on-fill) !important;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.285);
}
html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.095);
}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, 0.171);
}

html[data-theme="light"] .sidebar {
  background: linear-gradient(180deg, #e3e8f2, #e6eaf3) !important;
  border-right: 1px solid var(--line) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .side-collapse:hover {
  background: rgba(15, 23, 42, 0.057);
  color: var(--text);
}
html[data-theme="light"] .sidebar button[data-sec]:hover, html[data-theme="light"] .sidebar .side-link:hover {
  background: rgba(15, 23, 42, 0.052) !important;
  color: var(--text);
}
html[data-theme="light"] .sidebar button[data-sec].active {
  background: rgba(70,129,255,0.14) !important;
  color: #194bb3 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .imp-bar svg {
  color: #194bb3;
}
html[data-theme="light"] .imp-btn {
  border: 1px solid rgba(15, 23, 42, 0.171);
  background: rgba(15, 23, 42, 0.095);
  color: var(--text);
}
html[data-theme="light"] .imp-btn:hover {
  background: rgba(15, 23, 42, 0.171);
  border-color: rgba(15, 23, 42, 0.285);
}
html[data-theme="light"] .proj-chip {
  background: rgba(15, 23, 42, 0.043);
  border: 1px solid var(--line);
  color: var(--text);
}
html[data-theme="light"] .seg {
  background: rgba(15, 23, 42, 0.043);
  border: 1px solid var(--line);
}
html[data-theme="light"] .seg button.active {
  background: rgba(70,129,255,0.16);
  color: #194bb3;
}
html[data-theme="light"] .tb-icon, html[data-theme="light"] .tb-chip {
  background: rgba(15, 23, 42, 0.043);
  border: 1px solid var(--line);
  color: var(--muted);
}
html[data-theme="light"] .ov-banner {
  border: 1px solid var(--line);
  background: radial-gradient(120% 180% at 85% 50%, rgba(70,129,255,0.16), transparent 62%), rgba(15, 23, 42, 0.033);
}
html[data-theme="light"] .kpi-strip {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.033);
}
html[data-theme="light"] .pcard {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.033);
}
html[data-theme="light"] .analytics-switcher {
  background: rgba(15, 23, 42, 0.043);
  border: 1px solid var(--line);
}
html[data-theme="light"] .analytic-tab.active {
  background: rgba(70,129,255,0.16) !important;
  color: #194bb3 !important;
}
html[data-theme="light"] .analytic-tab.active .val {
  color: #194bb3;
}
html[data-theme="light"] .bar-track {
  background: rgba(15, 23, 42, 0.067);
}
html[data-theme="light"] .bar-fill.muted {
  background: rgba(15, 23, 42, 0.209);
}
html[data-theme="light"] .pay-ic {
  background: rgba(15, 23, 42, 0.057);
  color: var(--blue-3);
}
html[data-theme="light"] .pcard .tx-item:hover {
  background: rgba(15, 23, 42, 0.028) !important;
}
html[data-theme="light"] .box {
  background: rgba(15, 23, 42, 0.033) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .box .tx-item:hover, html[data-theme="light"] .pcard .tx-item:hover {
  background: rgba(15, 23, 42, 0.028) !important;
}
html[data-theme="light"] .tx-status {
  background: rgba(15, 23, 42, 0.057);
  color: var(--muted);
}
html[data-theme="light"] .tx-status.out {
  background: rgba(70,129,255,0.16);
  color: #194bb3;
}
html[data-theme="light"] .tx-status.bad {
  background: rgba(248,113,113,0.14);
  color: #b31919;
}
html[data-theme="light"] .tx-status.test {
  background: rgba(15, 23, 42, 0.067);
  color: var(--muted2);
}
html[data-theme="light"] .ov-empty::before {
  background: rgba(15, 23, 42, 0.209);
}
html[data-theme="light"] .auth-card .err:not(:empty) {
  background: rgba(15, 23, 42, 0.048);
  border-left: 3px solid currentColor;
  color: #b31919;
}
html[data-theme="light"] .news-item {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.019);
}
html[data-theme="light"] .news-tag {
  background: rgba(15, 23, 42, 0.057);
  color: var(--muted);
}
html[data-theme="light"] .nav-restore {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.076), rgba(15, 23, 42, 0.028)), #e3e8f2;
  border: 1px solid var(--line-strong);
  color: var(--muted);
  box-shadow: var(--lacquer);
}
html[data-theme="light"] .seg-icon:hover {
  background: rgba(15, 23, 42, 0.067);
  color: var(--text);
}
html[data-theme="light"] .seg-icon.active {
  background: rgba(70,129,255,0.16);
  color: #194bb3;
}
html[data-theme="light"] .seg-icon.date-pick:hover {
  color: #194bb3;
}
html[data-theme="light"] .cred {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.028);
}
html[data-theme="light"] .wallet {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.028);
}
html[data-theme="light"] .w-cur-fixed {
  background: var(--panel-2, rgba(15, 23, 42, 0.048));
  border: 1px solid var(--ring, rgba(15, 23, 42, 0.114));
  color: var(--ink, #131720);
}
html[data-theme="light"] .acq-state {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.028);
}
html[data-theme="light"] .mm-summary {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.028);
}
html[data-theme="light"] .field-max {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.048);
  color: var(--muted);
}
html[data-theme="light"] .w-dest {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.028);
  color: var(--muted2);
}
html[data-theme="light"] .w-net {
  background: rgba(70,129,255,0.14);
  color: var(--blue-3, #194bb3);
}
html[data-theme="light"] .utc-option:hover {
  background: rgba(15, 23, 42, 0.048);
}
html[data-theme="light"] .tx-search {
  color: var(--text);
  background: rgba(15, 23, 42, 0.038);
  border: 1px solid var(--line);
  outline: none;
}
html[data-theme="light"] .tx-table td {
  border-bottom: 1px solid rgba(15, 23, 42, 0.052);
}
html[data-theme="light"] .tx-row:hover td {
  background: rgba(15, 23, 42, 0.028);
}
html[data-theme="light"] .w-hint {
  color: var(--muted2);
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.028);
}
html[data-theme="light"] .wallet {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.028);
}
html[data-theme="light"] .wallet-ic {
  background: rgba(70,129,255,0.14);
  color: var(--blue-3, #194bb3);
}
html[data-theme="light"] .w-toggle span {
  background: rgba(15, 23, 42, 0.114);
}
html[data-theme="light"] .method-empty {
  border: 1px dashed rgba(15, 23, 42, 0.133);
  color: var(--muted);
}
html[data-theme="light"] {
  --ok: #7fae9b;
  --bad: #7a3e3e;
  --warn: #b39a72;
  --red: #7a3e3e;
  --orange: #b39a72;
  --chip-bg: rgba(15, 23, 42, 0.057);
}
html[data-theme="light"] .acq-state.ok {
  border-color: rgba(15, 23, 42, 0.133);
}
html[data-theme="light"] .acq-state.wait {
  border-color: rgba(15, 23, 42, 0.114);
}
html[data-theme="light"] .w-dest.warn {
  border-color: rgba(15, 23, 42, 0.171);
  color: var(--muted);
}
html[data-theme="light"] .inv-result {
  border-color: rgba(15, 23, 42, 0.133);
  background: rgba(15, 23, 42, 0.038);
}
html[data-theme="light"] .toast {
  border: 1px solid var(--line);
  background: var(--panel);
  box-shadow: 0 22px 48px -22px rgba(15, 23, 42, 0.165);
}
html[data-theme="light"] .txd-row {
  border-bottom: 1px solid rgba(15, 23, 42, 0.048);
}
html[data-theme="light"] .txd-pay {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.028);
}
html[data-theme="light"] .inv-seg button.active {
  background: rgba(70,129,255,0.16);
  color: #194bb3;
}
html[data-theme="light"] .w-card {
  background: rgba(15, 23, 42, 0.024);
  border: 1px solid var(--line);
}
html[data-theme="light"] .tc-coin, html[data-theme="light"] .pay-coin {
  background: rgba(15, 23, 42, 0.095);
  background-image: radial-gradient(circle at 50% 50%, rgba(15, 23, 42, 0.332) 0 34%, transparent 36%);
}
html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.133);
  border: 3px solid transparent;
  background-clip: content-box;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, 0.247);
  background-clip: content-box;
}
html[data-theme="light"] .cap {
  background: rgba(15, 23, 42, 0.033);
  border: 1px solid var(--line);
}
html[data-theme="light"] .cap:hover {
  border-color: var(--line-strong, rgba(15, 23, 42, 0.171));
  background: rgba(15, 23, 42, 0.052);
}
html[data-theme="light"] .cap-box {
  background: rgba(15, 23, 42, 0.057);
  border: 1.5px solid rgba(15, 23, 42, 0.209);
}
html[data-theme="light"] .cap-spin {
  border: 2px solid rgba(15, 23, 42, 0.171);
  border-top-color: var(--blue-2, #4681ff);
}
html[data-theme="light"] .coin-stack img {
  background: #dee3ef;
  box-shadow: 0 0 0 1.6px #dee3ef;
}
html[data-theme="light"] .tx-row:hover .coin-stack img {
  background: #dae0ed;
  box-shadow: 0 0 0 1.6px #dae0ed;
}
html[data-theme="light"] .cap-card {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.059), rgba(15, 23, 42, 0.027)), #e5e9f3;
  border: 1px solid rgba(15, 23, 42, 0.114);
  box-shadow: 0 30px 70px -30px rgba(15, 23, 42, 0.209);
}
html[data-theme="light"] .cap-shield {
  background: rgba(70, 129, 255, 0.14);
  border: 1px solid rgba(70, 129, 255, 0.28);
  color: #1947b3;
}
html[data-theme="light"] .url-row {
  background: rgba(15, 23, 42, 0.033);
  border: 1px solid var(--line);
}
html[data-theme="light"] .url-row:focus-within {
  border-color: var(--blue-2, #4681ff);
  background: rgba(15, 23, 42, 0.052);
}
html[data-theme="light"] .w-saved {
  background: rgba(70,129,255,0.14);
  color: #194bb3;
}
html[data-theme="light"] .modal.wp-box {
  background: linear-gradient(180deg, #dde2ee, #ffffff) !important;
}
html[data-theme="light"] .wp-ic {
  background: rgba(70,129,255,0.14);
  border: 1px solid rgba(70,129,255,0.26);
  color: #1947b3;
}
html[data-theme="light"] .wp-err {
  color: var(--red, #952323);
}
html[data-theme="light"] .wh-row {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.024);
}
html[data-theme="light"] .inv-test-badge {
  background: rgba(245, 180, 80, 0.16);
  color: #a16d17;
}
html[data-theme="light"] .cq-row {
  border: 1px solid var(--line);
  background: rgba(15, 23, 42, 0.024);
}
html[data-theme="light"] .cq-chip.hold {
  background: rgba(245, 180, 80, 0.14);
  color: #a16d17;
}
html[data-theme="light"] .cq-chip.queue {
  background: rgba(70, 129, 255, 0.14);
  color: #194bb3;
}
html[data-theme="light"] .brand-logos {
  background: rgba(15, 23, 42, 0.043);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.095);
}
html[data-theme="light"] .side-shops:hover {
  background: rgba(15, 23, 42, 0.052);
  color: var(--text);
}
html[data-theme="light"] .shop-item {
  background: rgba(15, 23, 42, 0.028);
  border: 1px solid var(--line);
  color: var(--text);
}
html[data-theme="light"] .shop-item:hover:not(:disabled) {
  border-color: var(--line-strong);
  background: rgba(15, 23, 42, 0.057);
}
html[data-theme="light"] .shop-tag {
  color: #194bb3;
  background: rgba(70, 129, 255, 0.18);
}
html[data-theme="light"] .shop-st.ok {
  color: #34845f;
  background: rgba(127, 174, 155, 0.13);
}
html[data-theme="light"] .shop-st.warn {
  color: #a17317;
  background: rgba(230, 180, 90, 0.13);
}
html[data-theme="light"] .shop-st.bad {
  color: #8d2b2b;
  background: rgba(197, 140, 140, 0.14);
}
html[data-theme="light"] .fee-split {
  background: rgba(15, 23, 42, 0.028);
  border: 1px solid var(--line);
}
html[data-theme="light"] .fee-range {
  outline: none;
  background: linear-gradient(90deg, #4681ff 0, #4681ff var(--fill, 0%), rgba(15, 23, 42, 0.095) var(--fill, 0%));
}
html[data-theme="light"] .fee-range::-webkit-slider-thumb {
  background: #fff;
  border: 3px solid #4681ff;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.11);
}
html[data-theme="light"] .fee-msg.ok {
  color: #34845f;
}
html[data-theme="light"] .fee-msg.bad {
  color: #8d2b2b;
}
html[data-theme="light"] .fee-rows>div {
  background: rgba(15, 23, 42, 0.028);
  border: 1px solid var(--line);
}
html[data-theme="light"] .fee-split-modal::before {
  background: rgba(15, 23, 42, 0.332);
}
html[data-theme="light"] .head-theme, html[data-theme="light"] .topbar-theme {
  border: 1px solid rgba(15, 23, 42, 0.114);
  background: rgba(15, 23, 42, 0.038);
  color: var(--muted);
}
html[data-theme="light"] .head-theme:hover, html[data-theme="light"] .topbar-theme:hover {
  color: var(--text);
  background: rgba(15, 23, 42, 0.076);
  border-color: rgba(15, 23, 42, 0.19);
}

html[data-theme="light"] {
  --t-bg: #f4f6fb;
  --t-surface-1: linear-gradient(180deg, rgba(15, 23, 42, 0.059), rgba(15, 23, 42, 0.027));
  --t-surface-2: linear-gradient(180deg, rgba(15, 23, 42, 0.067), rgba(15, 23, 42, 0.024));
  --t-line: rgba(15, 23, 42, 0.104);
  --t-line-strong: rgba(15, 23, 42, 0.152);
  --t-ink: #2b4c8c;
  --t-ink-2: #262f3e;
  --t-muted: #8d97ab;
  --t-muted-2: #6c7689;
  --t-accent: #5b82ff;
  --t-accent-2: #3a19b3;
  --t-accent-soft: rgba(91, 130, 255, 0.14);
  --t-fill: linear-gradient(135deg, #4d6fe8 0%, #5b82ff 45%, #3a19b3 100%);
  --t-ok: #7fae9b;
  --t-bad: #7a3e3e;
  --t-r-sm: 12px;
  --t-r: 16px;
  --t-r-lg: 22px;
  --t-shadow: 0 26px 60px -34px rgba(15, 23, 42, 0.209);
  --t-shadow-sm: 0 14px 30px -22px rgba(15, 23, 42, 0.198);
  --t-inset: inset 0 1px 0 rgba(15, 23, 42, 0.057);
  --t-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}
html[data-theme="light"] *::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.133);
  border: 2px solid transparent;
  background-clip: content-box;
}
html[data-theme="light"] *::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, 0.228);
  background-clip: content-box;
}

html[data-theme="light"] .sidebar, html[data-theme="light"] .side-inner {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.033), rgba(15, 23, 42, 0.011)) !important;
  border-right: 1px solid var(--t-line) !important;
}
html[data-theme="light"] #sideNav button[data-sec]:hover {
  background: rgba(15, 23, 42, 0.038);
  color: var(--t-ink-2);
}
html[data-theme="light"] .pcard:hover {
  border-color: rgba(15, 23, 42, 0.114) !important;
}
html[data-theme="light"] .btn-ghost {
  background: rgba(15, 23, 42, 0.028) !important;
  border: 1px solid var(--t-line) !important;
  color: var(--t-ink-2) !important;
}
html[data-theme="light"] .btn-ghost:hover {
  border-color: var(--t-line-strong) !important;
  background: rgba(15, 23, 42, 0.057) !important;
}
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea, html[data-theme="light"] .field-input, html[data-theme="light"] .tx-search {
  border: 1px solid var(--t-line) !important;
  background: rgba(15, 23, 42, 0.033) !important;
  color: var(--t-ink) !important;
}
html[data-theme="light"] input:focus, html[data-theme="light"] select:focus, html[data-theme="light"] textarea:focus, html[data-theme="light"] .field-input:focus, html[data-theme="light"] .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(15, 23, 42, 0.048) !important;
  outline: none !important;
}
html[data-theme="light"] .seg, html[data-theme="light"] .seg-tabs {
  background: rgba(15, 23, 42, 0.033);
  border: 1px solid var(--t-line);
}
html[data-theme="light"] .seg button.active, html[data-theme="light"] .seg-btn.active {
  background: rgba(15, 23, 42, 0.076) !important;
  color: var(--t-ink) !important;
  box-shadow: var(--t-inset);
}
html[data-theme="light"] .tx-status, html[data-theme="light"] .badge, html[data-theme="light"] .w-badge {
  background: rgba(15, 23, 42, 0.052) !important;
  border: 1px solid rgba(15, 23, 42, 0.048);
}
html[data-theme="light"] .wallet-ic {
  background: var(--t-accent-soft);
  color: #193ab3;
}
html[data-theme="light"] .flow-num {
  background: var(--t-accent-soft);
  color: #193ab3;
}
html[data-theme="light"] .pcard, html[data-theme="light"] .box {
  background: var(--t-surface-1) !important;
  box-shadow: var(--t-inset), 0 22px 48px -30px rgba(15, 23, 42, 0.198) !important;
}
html[data-theme="light"] .tx-item+.tx-item {
  border-top: 1px solid rgba(15, 23, 42, 0.052);
}
html[data-theme="light"] .tx-item:hover {
  background: rgba(15, 23, 42, 0.033);
}
html[data-theme="light"] .fee-split input.fee-range, html[data-theme="light"] .fee-split input.fee-range:hover, html[data-theme="light"] .fee-split input.fee-range:focus {
  border: 0 !important;
  box-shadow: none !important;
  background: linear-gradient(90deg, rgba(15, 23, 42, 0.114) 0, rgba(15, 23, 42, 0.114) var(--from, 50%), #4681ff var(--from, 50%), #4681ff var(--to, 50%), rgba(15, 23, 42, 0.114) var(--to, 50%)) !important;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6fb; --bg2: #eef2f9; --bg3: #e4e9f2;
  --panel: linear-gradient(180deg, #ffffff, #fbfcfe); --panel2: #ffffff;
  --surface: linear-gradient(180deg, #ffffff, #fbfcfe);
  --line: rgba(15, 23, 42, 0.09); --line-strong: rgba(15, 23, 42, 0.16);
  --text: #0f172a; --muted: #3c4658; --muted2: #6b7488;
  --blue-3: #2f5bd3; --brand2: #3d63d8;
  --grad: linear-gradient(120deg, #2f5bd3 0%, #4681ff 60%, #5f4fd6 100%);
  --grad-border: linear-gradient(135deg, rgba(70,129,255,0.5), rgba(114,91,255,0.2) 60%, rgba(15,23,42,0.06));
  --lacquer: inset 0 1px 0 rgba(255,255,255,0.8), 0 12px 30px -22px rgba(15,23,42,0.28);
  --lacquer-hover: inset 0 1px 0 rgba(255,255,255,0.9), 0 20px 44px -24px rgba(15,23,42,0.32);
  --shadow: 0 12px 30px -22px rgba(15,23,42,0.28);
  --shadow-sm: 0 8px 20px -16px rgba(15,23,42,0.25);
  --t-bg: #f4f6fb;
  --t-surface-1: linear-gradient(180deg, #ffffff, #fbfcfe);
  --t-surface-2: linear-gradient(180deg, #ffffff, #f7f9fc);
  --t-line: rgba(15, 23, 42, 0.1); --t-line-strong: rgba(15, 23, 42, 0.17);
  --t-ink: #0f172a; --t-ink-2: #283246; --t-muted: #5b6477; --t-muted-2: #7c8598;
  --t-shadow: 0 20px 46px -30px rgba(15,23,42,0.3);
  --t-shadow-sm: 0 10px 24px -18px rgba(15,23,42,0.25);
  --t-inset: inset 0 1px 0 rgba(255,255,255,0.8);
}
html[data-theme="light"] body { background: #f4f6fb !important; color: #0f172a; }
html[data-theme="light"] .modal, html[data-theme="light"] .sidebar, html[data-theme="light"] .side-inner { background-color: #ffffff !important; }
html[data-theme="light"] .modal-overlay { background: rgba(15, 23, 42, 0.35) !important; }
html[data-theme="light"] .brand-logos { background: #ffffff; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.1); }
html[data-theme="light"] .brand-logos img[src$="visa.svg"] { filter: none; opacity: 1; }
html[data-theme="light"] .theme-toggle .ic-sun { display: none; }
html[data-theme="light"] .theme-toggle .ic-moon { display: block; }