:root{--primary: #4e54c8;--primary-dark: #363b9e;--secondary: #8f94fb;--success: #2ecc71;--warning: #f39c12;--danger: #e74c3c;--eth-color: #627eea;--token-color: #50af95;--dark: #2c3e50;--light: #ecf0f1;--gray: #95a5a6;--border: #ddd;--card-bg: #ffffff;--shadow: 0 4px 20px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;color:var(--dark);line-height:1.6}.container{width:100%;max-width:500px;background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(to right,var(--primary),var(--primary-dark));color:#fff}.logo{display:flex;align-items:center;gap:12px}.logo i{font-size:28px}.logo h1{font-size:22px;font-weight:600}.network-info{background:#fff3;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.wallet-status{padding:20px;border-bottom:1px solid var(--border)}.balance-card{background:var(--light);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 10px #0000000d}.balance-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.balance-header i{font-size:24px;color:var(--primary)}.balance-header h2{font-size:18px;font-weight:600}.balance-item{display:flex;justify-content:space-between;padding:10px 0}.balance-label{font-weight:500;color:var(--gray)}.balance-value{font-weight:700;font-size:20px;color:var(--dark)}.connection-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.transfer-section{padding:20px}.transfer-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.transfer-header i{font-size:24px;color:var(--primary)}.transfer-header h2{font-size:20px;font-weight:600}.currency-selector{display:flex;gap:10px;margin-bottom:20px}.currency-btn{flex:1;padding:12px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--light);color:var(--dark)}.currency-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 10px #4e54c84d}.currency-btn:hover{transform:translateY(-2px)}#ethTransferBtn.active{background:var(--eth-color)}#tokenTransferBtn.active{background:var(--token-color)}.transfer-form{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;display:flex;align-items:center;gap:8px}.form-group input{width:100%;padding:14px;border:2px solid var(--border);border-radius:12px;font-size:16px;transition:all .3s}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4e54c833}.balance-hint{margin-top:8px;font-size:14px;color:var(--gray);text-align:right}.message-box{background:var(--light);border-radius:16px;padding:30px 20px;text-align:center;animation:fadeIn .5s ease-out}.message-box i{font-size:48px;color:var(--primary);margin-bottom:15px}.message-box p{font-size:16px;color:var(--dark)}.transaction-status{padding:20px;background:var(--light);border-radius:16px;margin-top:20px;animation:fadeIn .5s ease-out}.status-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.status-header i{font-size:24px;color:var(--primary)}.status-header h3{font-size:20px;font-weight:600}.status-content{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.status-item{display:flex;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border)}.status-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.status-label{font-weight:500;color:var(--gray);min-width:80px}.status-value{font-weight:600;color:var(--dark);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-container{margin-top:25px}.progress-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--gray);margin-bottom:8px}.progress-bar{height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(to right,var(--primary),var(--secondary));border-radius:5px;transition:width .5s ease-in-out}.status-actions{display:flex;gap:15px;margin-top:20px}.btn{display:flex;justify-content:center;align-items:center;gap:8px;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;text-align:center;flex:1}.network-btn{background:var(--dark);color:#fff}.network-btn:hover{background:#1a252f;transform:translateY(-2px)}.connect-btn{background:var(--primary);color:#fff}.connect-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.disconnect-btn{background:var(--gray);color:#fff}.disconnect-btn:hover{background:#7f8c8d;transform:translateY(-2px)}.transfer-btn{background:var(--success);color:#fff;font-size:16px;padding:16px}.transfer-btn:hover{background:#27ae60;transform:translateY(-2px)}.view-btn{background:var(--primary);color:#fff}.view-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.new-btn{background:var(--dark);color:#fff}.new-btn:hover{background:#1a252f;transform:translateY(-2px)}.hidden{display:none}@media (max-width: 600px){.container{border-radius:16px}.connection-controls{grid-template-columns:1fr}.status-actions{flex-direction:column}header{flex-direction:column;text-align:center;gap:10px}.network-info{margin-top:10px}.currency-selector{flex-direction:column}}