*,:before,:after{box-sizing:border-box}body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f0f13;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{background:radial-gradient(at 50% 0,#e600001f 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;padding:24px;transition:background .4s;display:flex}.container.eth-theme{background:radial-gradient(at 50% 0,#627eea24 0%,#0000 60%)}.card{text-align:center;background:#1a1a24;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 24px 64px #00000080}.logo img{border-radius:50%;width:56px;height:56px;margin-bottom:20px}h1{color:#f1f5f9;margin-bottom:8px;font-size:22px;font-weight:700}.subtitle{color:#64748b;margin-bottom:24px;font-size:13px}.wallet-badges{justify-content:center;gap:8px;margin-bottom:32px;display:flex}.badge{letter-spacing:.3px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.badge.tronlink{color:#f87171;background:#e6000026;border:1px solid #e600004d}.badge.metamask{color:#fb923c;background:#f5822026;border:1px solid #f582204d}.badge.binance{color:#fbbf24;background:#f0b90b26;border:1px solid #f0b90b4d}.badge.eth-mm{color:#fb923c;background:#f5822026;border:1px solid #f582204d}.badge.eth-wc{color:#818cf8;background:#627eea26;border:1px solid #627eea4d}.badge.eth-cb{color:#60a5fa;background:#0052ff1f;border:1px solid #0052ff40}.mode-tabs{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;gap:6px;margin-bottom:24px;padding:4px;display:flex}.mode-tab{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex}.mode-tab:hover{color:#94a3b8;background:#ffffff0d}.mode-tab.active.tron{color:#f87171;background:#e600002e;border:1px solid #e6000047}.mode-tab.active.eth{color:#a5b4fc;background:#627eea33;border:1px solid #627eea59}.tab-icon{font-size:11px}.connect-hint{color:#475569;margin-bottom:12px;font-size:12px}.btn-connect.eth-connect{background:linear-gradient(135deg,#627eea,#818cf8)}.btn-connect.eth-connect:hover{opacity:.9}.panel-header{justify-content:space-between;align-items:center;display:flex}.btn-refresh{color:#64748b;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:3px 8px;font-size:11px;transition:background .2s,color .2s}.btn-refresh:hover:not(:disabled){color:#94a3b8;background:#ffffff1a}.btn-refresh:disabled{opacity:.4;cursor:not-allowed}.balance-row{gap:12px;display:flex}.balance-item{background:#0d0d14;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;flex:1;gap:6px;padding:12px;display:flex}.balance-divider{background:#ffffff0d;flex-shrink:0;width:1px}.balance-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.balance-value{font-family:Courier New,monospace;font-size:14px;font-weight:600}.balance-value.eth{color:#818cf8}.balance-value.usdt{color:#26a17b}.balance-value.usdt.warn{color:#64748b;font-family:inherit;font-size:11px;font-weight:400}.network-tip{color:#854d0e;text-align:left;background:#eab30814;border:1px solid #eab30833;border-radius:8px;padding:8px 12px;font-size:11px}.balance-query-row{gap:8px;display:flex}.balance-query-row .btn-action{flex:1}.balance-results{flex-direction:column;gap:6px;display:flex}.balance-badge{border-radius:8px;padding:8px 12px;font-family:Courier New,monospace;font-size:13px;font-weight:600}.eth-bal{color:#818cf8;background:#818cf81a;border:1px solid #818cf833}.usdt-bal{color:#26a17b;background:#26a17b1a;border:1px solid #26a17b33}.warn-bal{color:#fbbf24;background:#eab30814;border:1px solid #eab30833;font-family:inherit;font-weight:400}.result-value-row{align-items:center;gap:8px;display:flex}.tx-pending{color:#fbbf24;font-family:inherit;font-size:11px}.tx-success{color:#22c55e;font-family:inherit;font-size:11px}.connect-section{margin-top:8px}.btn-connect{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e60000,#f44);border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:opacity .2s,transform .1s}.btn-connect:hover{opacity:.9;transform:translateY(-1px)}.btn-connect:active{transform:translateY(0)}.info-section{flex-direction:column;gap:16px;display:flex}.status-row{justify-content:center;align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.connected{background:#22c55e;box-shadow:0 0 6px #22c55e99}.status-text{color:#22c55e;font-size:13px;font-weight:500}.info-card{background:#111118;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.info-row{justify-content:space-between;align-items:center;display:flex}.label{color:#475569;font-size:12px;font-weight:500}.value{color:#cbd5e1;font-size:13px;font-weight:500}.value.address{color:#94a3b8;cursor:pointer;font-family:Courier New,monospace;font-size:12px}.action-row{gap:8px;display:flex}.btn-secondary{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex:1;padding:10px 8px;font-size:12px;font-weight:500;transition:background .2s,color .2s}.btn-secondary:hover{color:#e2e8f0;background:#ffffff1a}.btn-danger{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;flex:1;padding:10px 8px;font-size:12px;font-weight:500;transition:background .2s}.btn-danger:hover{background:#ef444433}.panel{text-align:left;background:#111118;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.panel-title{color:#94a3b8;letter-spacing:.3px;font-size:13px;font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#475569;font-size:11px;font-weight:500}.field input{color:#e2e8f0;background:#0d0d14;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .2s}.field input::placeholder{color:#334155}.field input:focus{border-color:#e6000080}.field input.readonly{color:#475569;cursor:default;-webkit-user-select:all;user-select:all}.field input.readonly:focus{border-color:#ffffff14}.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.btn-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e60000,#f44);border:none;border-radius:8px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:opacity .2s}.btn-action:disabled{opacity:.35;cursor:not-allowed}.btn-action:not(:disabled):hover{opacity:.88}.btn-action.usdt{background:linear-gradient(135deg,#26a17b,#2ecc9a)}.result{word-break:break-all;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.result.success{background:#22c55e14;border:1px solid #22c55e33}.result.error{background:#ef444414;border:1px solid #ef444433}.result-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.result-value{color:#94a3b8;font-family:Courier New,monospace;font-size:12px}.result.error .result-value{color:#f87171;font-family:inherit}a.result-value.hash{color:#22c55e;text-decoration:none}a.result-value.hash:hover{text-decoration:underline}