:root{--primary: #6c5ce7;--secondary: #a29bfe;--dark: #1a1a2e;--darker: #0f0f23;--light: #f5f6fa;--success: #00b894;--warning: #e84393;--card-bg: rgba(255, 255, 255, .08);--border-radius: 16px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background:linear-gradient(135deg,var(--darker),var(--dark));color:var(--light);min-height:100vh;line-height:1.6}.glass-effect{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1)}.pagination-info{font-size:.875rem;color:#666;opacity:.7}.pagination-pages{display:flex;gap:.25rem;margin:0 1rem}.pagination-nav,.pagination-btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:inherit;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:2.5rem;height:2.5rem}.pagination-nav:hover:not(:disabled),.pagination-btn:hover:not(.active){background:rgba(255,255,255,.1);border-color:#ffffff4d}.pagination-nav:disabled{opacity:.3;cursor:not-allowed}.pagination-btn.active{background:rgba(59,130,246,.8);border-color:#3b82f6cc;color:#fff}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;padding:.5rem;color:#666;min-width:2.5rem}header{padding:1.5rem 0;position:sticky;top:0;z-index:100;background:rgba(26,26,46,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:10px}nav ul{display:flex;list-style:none;gap:2rem}nav a{color:var(--light);text-decoration:none;font-weight:500;opacity:.8;transition:var(--transition);padding:.5rem 1rem;border-radius:8px}nav a:hover,nav a.active{opacity:1;background:rgba(108,92,231,.1)}.connect-btn{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.8rem 1.8rem;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px #6c5ce74d}.card-footer{margin-top:15px}.wallet-info{display:flex;align-items:center}.connect-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c5ce766}.disconnect-btn{background:linear-gradient(135deg,#e84393,#fd79a8);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #e843934d;position:relative;overflow:hidden;opacity:.8;margin-left:5px}.disconnect-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;opacity:.5;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.disconnect-btn:hover{transform:translateY(-1px);opacity:1;box-shadow:0 6px 16px #e8439366;background:linear-gradient(135deg,#e84393,#fd79a8)}.main-content{padding:3rem 0}.page-content{display:none;animation:fadeIn .5s ease}.page-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.yield-card,.balance-card{padding:2rem}.card-title{font-size:1rem;color:#ffffffb3;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.balance-section{margin-bottom:20px}.balance-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-subtitle{font-size:.875rem;font-weight:500;color:#fff9;margin-bottom:.25rem}#balance-amount{font-size:2rem;font-weight:700;color:#fff;margin:0}.wallet-balance{font-size:1.25rem;font-weight:600;color:#ffffffe6}@media (max-width: 768px){.balance-header{flex-direction:column}.wallet-balance-section{text-align:left;padding-left:0;border-left:none;margin-left:0;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);width:100%}}.balance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.balance-section{flex:1}.wallet-balance-section{text-align:right;padding-left:1.5rem;border-left:1px solid rgba(255,255,255,.1);margin-left:1.5rem}.yield-value{font-size:3.5rem;font-weight:700;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:1rem 0}.yield-stats{display:flex;gap:1rem;margin-top:1.5rem}.stat-item{flex:1;padding:1rem;border-radius:12px;background:rgba(0,0,0,.2)}.stat-label{font-size:.85rem;color:#ffffffb3;margin-bottom:.5rem}.stat-value{font-size:1.2rem;font-weight:600}.positive{color:var(--success)}.negative{color:var(--warning)}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}#balance-amount{font-size:2.5rem;font-weight:700}.action-buttons{display:flex;gap:1rem;margin-top:2rem}.btn{flex:1;padding:1rem;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition);text-align:center;border:none}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff}.btn-outline{background:transparent;color:var(--light);border:1px solid rgba(255,255,255,.2)}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6c5ce74d}.deposit-section{padding:2rem;margin-bottom:2rem;scroll-margin-top:100px}.deposit-info{color:#ffffffb3;margin-bottom:1.5rem;line-height:1.6}.input-group{margin-bottom:1.5rem}.input-label{display:block;margin-bottom:.5rem;color:#ffffffb3}.balance-card{position:relative;padding:24px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.balance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px;flex-wrap:wrap}.balance-section{flex:1;min-width:200px}.card-title{font-size:16px;color:#fffc;margin-bottom:8px;font-weight:500}#balance-amount{font-size:36px;font-weight:700;color:#fff;margin:8px 0;line-height:1.2}.wallet-balance-section{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:150px}.card-subtitle{font-size:14px;color:#ffffffb3;margin-bottom:8px;font-weight:500}.wallet-balance{font-size:18px;font-weight:600;color:#fff;line-height:1.4}.refresh-section{display:flex;align-items:right;justify-content:right;margin-top:8px;flex-shrink:0}.refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.refresh-btn:hover:not(:disabled){background:rgba(255,255,255,.15);border-color:#ffffff4d;transform:translateY(-1px)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn:active:not(:disabled){transform:translateY(0)}.refresh-icon{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.refresh-icon.spinning{animation:spin 1s linear infinite}.refresh-loading,.refresh-text{display:flex;align-items:center;gap:8px}.receipt-card{background:rgba(0,0,0,.2);border-radius:12px;padding:20px;margin:20px 0;border:1px solid rgba(255,255,255,.05)}.receipt-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.receipt-row:last-child{border-bottom:none;padding-bottom:0}.receipt-row:first-child{padding-top:0}.receipt-label{font-size:14px;color:#ffffffb3;font-weight:400}.receipt-value{font-size:16px;font-weight:600;color:#fff}.receipt-value.positive{color:#10b981}.action-buttons{display:flex;gap:12px;margin-top:24px}.btn{flex:1;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:#ffffffe6;border:2px solid rgba(255,255,255,.2)}.btn-outline:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:#ffffff4d;transform:translateY(-2px)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.balance-header{flex-direction:column;align-items:stretch;gap:16px}.wallet-balance-section{align-items:flex-start}.refresh-section{justify-content:flex-start}#balance-amount{font-size:28px}.action-buttons{flex-direction:column}}.input-field{width:100%;padding:1rem;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem}.percentage-buttons{display:flex;gap:.5rem;margin-bottom:1.5rem}.percentage-btn{flex:1;padding:.8rem;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;text-align:center;transition:var(--transition)}.percentage-btn:hover,.percentage-btn.active{background:rgba(108,92,231,.3);border-color:var(--primary)}.receipt-card{padding:1.5rem;margin-bottom:1.5rem;background:rgba(0,0,0,.2);border-radius:12px}.receipt-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.receipt-label{color:#ffffffb3}.receipt-value{font-weight:600}.funding-section,.activity-section{padding:2rem;margin-bottom:2rem}.activity-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.wallet-address{background:rgba(108,92,231,.2);color:#a29bfe;padding:.5rem 1rem;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;font-weight:500;border:1px solid rgba(108,92,231,.3);display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 2px 8px #6c5ce71a}.wallet-address:before{content:"●";color:#00b894;font-size:.8rem}.wallet-address:hover{background:rgba(108,92,231,.25);border-color:#6c5ce780;transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce726}.tab{padding:.8rem 1.5rem;cursor:pointer;position:relative;opacity:.7;transition:var(--transition)}.tab:hover,.tab.active{opacity:1}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.activity-table{width:100%;border-collapse:collapse}.activity-table th{text-align:left;padding:.6rem;color:#ffffffb3;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1)}.activity-table td{padding:.6rem;border-bottom:1px solid rgba(255,255,255,.05)}.status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-success{background:rgba(0,184,148,.2);color:var(--success)}.status-pending{background:rgba(253,203,110,.2);color:#fdcb6e}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;color:#ffffffb3}.rows-selector{display:flex;align-items:center;gap:.5rem}select{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.3rem .5rem;color:#fff}.strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.strategy-icon{width:60px;height:60px;border-radius:50%;background:rgba(108,92,231,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem}.strategy-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.strategy-desc{color:#ffffffb3;line-height:1.6;margin-bottom:1.5rem}.strategy-stats{display:flex;gap:1rem}.stat-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.stat-risk{background:rgba(232,67,147,.2);color:var(--warning)}.stat-apy{background:rgba(0,184,148,.2);color:var(--success)}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:3rem}.chart-container{padding:2rem;height:400px}.metric-container{display:grid;grid-template-columns:1fr;gap:1rem}.metric-card{padding:1.5rem}.metric-value{font-size:2rem;font-weight:700;margin:.5rem 0}.metric-label{color:#ffffffb3;font-size:.9rem}footer{padding:3rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-section h3{font-size:1.1rem;margin-bottom:1.5rem;color:#fff}.footer-links{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:#ffffffb3;text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:#fff}.social-links{display:flex;gap:1rem;margin-top:1.5rem}.social-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.social-icon:hover{background:rgba(255,255,255,.1)}.copyright{text-align:center;margin-top:3rem;color:#ffffff80;font-size:.9rem}@media (max-width: 768px){.dashboard,.analytics-grid,.strategy-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr}nav ul{display:none}.header-content{flex-direction:column;gap:1rem}}.withdraw-section{padding:2rem;margin-bottom:2rem;scroll-margin-top:100px}.withdraw-info{color:#ffffffb3;margin-bottom:1.5rem;line-height:1.6}.assets-overview{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.asset-row{display:flex;justify-content:space-between;gap:1rem}.asset-item{flex:1;text-align:center;padding:1rem}.asset-item.highlight{background:rgba(108,92,231,.1);border-radius:8px;border:1px solid rgba(108,92,231,.3)}.asset-label{font-size:.85rem;color:#ffffffb3;margin-bottom:.5rem}.asset-value{font-size:1.2rem;font-weight:600;color:#fff}.asset-item.highlight .asset-value{color:var(--primary)}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.max-button{background:rgba(108,92,231,.2);color:var(--primary);border:1px solid rgba(108,92,231,.3);padding:.25rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:var(--transition)}.max-button:hover:not(:disabled){background:rgba(108,92,231,.3)}.max-button:disabled{opacity:.5;cursor:not-allowed}.amount-input-container{position:relative;display:flex;align-items:center}.amount-input-container .input-field{padding-right:4rem}.currency-symbol{position:absolute;right:1rem;color:#ffffffb3;font-weight:600}.address-input-container{display:flex;gap:.5rem}.address-input-container .input-field{flex:1}.use-current-btn{background:rgba(108,92,231,.2);color:var(--primary);border:1px solid rgba(108,92,231,.3);padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:var(--transition)}.use-current-btn:hover:not(:disabled){background:rgba(108,92,231,.3)}.use-current-btn:disabled{opacity:.5;cursor:not-allowed}.current-address{margin-top:.5rem;font-size:.8rem;color:#ffffff80;font-family:monospace}.receipt-row.highlight{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-top:.5rem}.receipt-row.highlight .receipt-label{font-weight:600;color:#fff}.receipt-row.highlight .receipt-value{font-weight:700;color:var(--primary)}.wallet-info{margin-top:1rem;text-align:center;font-size:.9rem;color:#ffffffb3}@media (max-width: 768px){.asset-row{flex-direction:column;gap:.5rem}.asset-item{text-align:left;padding:.75rem}.address-input-container{flex-direction:column}.use-current-btn{width:100%;margin-top:.5rem}.percentage-buttons{flex-wrap:wrap}.percentage-btn{min-width:calc(50% - .5rem)}}.exchange-section{padding:2rem;margin-bottom:2rem;scroll-margin-top:100px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.account-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.account-label{color:#ffffffb3}.account-address{background:rgba(108,92,231,.2);color:#a29bfe;padding:.3rem .8rem;border-radius:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;border:1px solid rgba(108,92,231,.3)}.exchange-tabs{display:flex;background:rgba(255,255,255,.05);border-radius:12px;padding:.5rem;margin-bottom:1.5rem;gap:.5rem}.tab{flex:1;background:transparent;border:none;padding:.8rem 1rem;border-radius:8px;color:#ffffffb3;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab:hover{background:rgba(255,255,255,.1);color:#fff}.tab.active{background:rgba(108,92,231,.3);color:#fff;box-shadow:0 2px 8px #6c5ce733}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{display:flex;align-items:center;padding:1.5rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-card.highlight{background:rgba(108,92,231,.1);border-color:#6c5ce74d}.metric-icon{font-size:2rem;margin-right:1rem;opacity:.8}.metric-info{flex:1}.metric-label{font-size:.9rem;color:#ffffffb3;margin-bottom:.3rem}.metric-value{font-size:1.3rem;font-weight:600;color:#fff}.positions-summary{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin-bottom:20px}.summary-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.summary-label{color:#ffffffb3;font-size:.9rem}.summary-value{font-weight:600;color:#fff}.summary-value.positive{color:#00b894}.summary-value.negative{color:#e84393}.table-container{overflow-x:auto;margin-bottom:1.5rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.data-table{width:100%;border-collapse:collapse}.data-table th{background:rgba(255,255,255,.1);padding:1rem;text-align:left;font-weight:600;color:#fffc;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.1)}.data-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:rgba(255,255,255,.03)}.asset-info{display:flex;align-items:center;gap:.5rem}.asset-symbol{font-weight:600;color:#fff}.amount-display{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500}.value-cell{font-weight:600;color:#fff}.change-indicator{font-weight:600;padding:.3rem .6rem;border-radius:4px;font-size:.8rem}.change-indicator.positive{background:rgba(0,184,148,.2);color:#00b894}.change-indicator.negative{background:rgba(232,67,147,.2);color:#e84393}.contract-info{display:flex;align-items:center;gap:.5rem}.contract-symbol{font-weight:600;color:#fff}.position-type{padding:.3rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase}.position-type.long{background:rgba(0,184,148,.2);color:#00b894}.position-type.short{background:rgba(232,67,147,.2);color:#e84393}.price-info{font-size:.9rem}.price-info div{margin-bottom:.2rem}.pnl-display{display:flex;flex-direction:column;align-items:flex-end;font-weight:600}.pnl-display.positive{color:#00b894}.pnl-display.negative{color:#e84393}.pnl-percent{font-size:.8rem;opacity:.8;margin-top:.2rem}.spot-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:rgba(108,92,231,.1);border-radius:8px;border:1px solid rgba(108,92,231,.3)}.total-label{font-weight:600;color:#fffc}.total-value{font-size:1.2rem;font-weight:700;color:#fff}.pnl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:rgba(255,255,255,.05);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center}.stat-card h4{margin:0 0 .5rem;color:#ffffffb3;font-size:.9rem;font-weight:500}.stat-card .stat-value{font-size:1.5rem;font-weight:600}.stat-card.highlight{background:rgba(108,92,231,.1);border-color:#6c5ce74d}.funding-history h4{margin:0 0 1rem;color:#fff;font-size:1.1rem;font-weight:600}.history-list{background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.funding-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.funding-item:last-child{border-bottom:none}.funding-info{display:flex;flex-direction:column;gap:.3rem}.funding-symbol{font-weight:600;color:#fff}.funding-time{font-size:.8rem;color:#ffffff80}.funding-details{display:flex;align-items:center;gap:1rem}.funding-rate{font-size:1rem;color:#ffffffb3}.funding-rate.positive{color:#00b894}.funding-rate.negative{color:#e84393}.funding-amount{font-weight:600;padding:.3rem .6rem;border-radius:4px}.transaction-status-container{margin-top:1.5rem;padding:1.5rem;background:rgba(0,0,0,.2);border-radius:12px;border:1px solid rgba(255,255,255,.1);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.transaction-status-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.status-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.status-icon.processing{color:#f59e0b;background:rgba(245,158,11,.1);animation:spin 2s linear infinite}.status-icon.pending{color:var(--primary);background:rgba(108,92,231,.1)}.status-icon.confirmed{color:var(--success);background:rgba(0,184,148,.1)}.status-icon.failed{color:var(--warning);background:rgba(232,67,147,.1)}.transaction-status-title{font-weight:600;font-size:1.1rem;color:#fff}.transaction-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.transaction-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.transaction-detail-label{color:#ffffffb3;font-size:.9rem}.transaction-detail-value{color:#fff;font-weight:500;font-size:.95rem;word-break:break-all;text-align:right;max-width:60%}.transaction-hash-container{display:flex;align-items:center;gap:.5rem}.transaction-hash{font-family:Courier New,monospace;color:var(--secondary);cursor:pointer;transition:color .2s}.transaction-hash:hover{color:var(--primary)}.explorer-link{color:var(--secondary);text-decoration:none;font-size:.9rem;padding:.25rem .5rem;border:1px solid rgba(108,92,231,.3);border-radius:4px;transition:var(--transition)}.explorer-link:hover{background:rgba(108,92,231,.1);border-color:var(--primary)}.transaction-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:rgba(232,67,147,.1);border:1px solid rgba(232,67,147,.3);border-radius:8px;margin-top:1rem}.transaction-success{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:rgba(0,184,148,.1);border:1px solid rgba(0,184,148,.3);border-radius:8px;margin-top:1rem}.transaction-progress{margin:1.5rem 0;position:relative}.progress-bar{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;margin-bottom:2rem;position:relative}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;transition:width .5s ease}.progress-steps{display:flex;justify-content:space-between;position:relative;margin-top:1rem}.progress-steps:before{content:"";position:absolute;top:10px;left:0;right:0;height:2px;background:rgba(255,255,255,.1);z-index:1}.progress-step{position:relative;display:flex;flex-direction:column;align-items:center;z-index:2;width:33.33%}.progress-step:before{content:"";width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);margin-bottom:.5rem;transition:all .3s ease}.progress-step.active:before{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:var(--primary);box-shadow:0 0 0 4px #6c5ce733}.progress-step.completed:before{background:var(--primary);border-color:var(--primary)}.progress-step span{font-size:.8rem;color:#ffffff80;font-weight:500;transition:color .3s ease;text-align:center;padding-top:.25rem}.progress-step.active span{color:#fff;font-weight:600}.progress-step.completed span{color:var(--primary)}.progress-step:not(:last-child):after{content:"";position:absolute;top:10px;left:calc(50% + 10px);right:calc(-50% + 10px);height:2px;background:rgba(255,255,255,.1);z-index:1;transition:background .3s ease}.progress-step.active:not(:last-child):after,.progress-step.completed:not(:last-child):after{background:linear-gradient(90deg,var(--primary),var(--secondary))}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes pulse{0%{box-shadow:0 0 #6c5ce766}70%{box-shadow:0 0 0 10px #6c5ce700}to{box-shadow:0 0 #6c5ce700}}.progress-step.active:before{animation:pulse 2s infinite}@media (max-width: 768px){.progress-step span{font-size:.7rem}.progress-step:before{width:16px;height:16px}.progress-step:not(:last-child):after{top:8px}}.transaction-actions{display:flex;justify-content:center;margin-top:1.5rem}.btn-retry{padding:.75rem 1.5rem;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition)}.transaction-complete-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-done{flex:1;padding:.75rem 1.5rem;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition)}.status-icon.cancelled{color:#9ca3af;background:rgba(156,163,175,.1)}.transaction-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;margin-top:1rem;font-size:.9rem}.transaction-message.transaction-cancelled{background:rgba(156,163,175,.1);border:1px solid rgba(156,163,175,.3);color:#d1d5db}.transaction-message.transaction-error{background:rgba(232,67,147,.1);border:1px solid rgba(232,67,147,.3);color:#fca5a5}.transaction-message.transaction-success{background:rgba(0,184,148,.1);border:1px solid rgba(0,184,148,.3);color:#a7f3d0}.transaction-cancelled-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:rgba(156,163,175,.1);border:1px solid rgba(156,163,175,.3);border-radius:8px;color:#d1d5db;font-size:.9rem;margin-top:1rem;text-align:center;justify-content:center}.cancelled-icon{font-size:1.2rem}.cancelled-text{font-weight:500}.message-icon{font-size:1.2rem}.message-text{flex:1;font-weight:500}.wallet-connect-cancelled{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:rgba(156,163,175,.1);border:1px solid rgba(156,163,175,.3);border-radius:8px;color:#d1d5db;font-size:.9rem;margin-top:1rem;text-align:center;justify-content:center}.transaction-complete-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.btn-retry{flex:1;padding:.75rem 1.5rem;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);min-width:120px}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce766}.btn-done{flex:1;padding:.75rem 1.5rem;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);min-width:120px}.btn-done:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d}.btn-new-deposit{flex:2;padding:.75rem 1.5rem;background:linear-gradient(90deg,var(--success),#00a085);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);min-width:180px}@media (max-width: 768px){.transaction-complete-actions{flex-direction:column}.btn-retry,.btn-done,.btn-new-deposit{width:100%;min-width:unset}}.btn-new-deposit{flex:2;padding:.75rem 1.5rem;background:linear-gradient(90deg,var(--success),#00a085);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-new-deposit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b89466}@media (max-width: 768px){.transaction-detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.transaction-detail-value{text-align:left;max-width:100%}.transaction-complete-actions{flex-direction:column}.btn-done,.btn-new-deposit{width:100%}}.funding-amount.positive{background:rgba(0,184,148,.2);color:#00b894}.funding-amount.negative{background:rgba(232,67,147,.2);color:#e84393}.loading-content{text-align:center;padding:2rem}.loading-text{color:#ffffffb3;font-size:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.strategies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.strategy-card{padding:1.5rem;border-radius:var(--border-radius);background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.05) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.strategy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.strategy-title-section{display:flex;align-items:center;gap:.75rem}.strategy-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.strategy-info{display:flex;flex-direction:column;gap:.25rem}.strategy-name{font-size:1.1rem;font-weight:600;color:#fff;line-height:1.2}.strategy-id{font-size:.8rem;color:#ffffff80;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.status-badge{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.strategy-metrics{background:rgba(0,0,0,.2);border-radius:12px;padding:1rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05)}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.metric-item{text-align:center}.metric-label{font-size:.75rem;color:#fff9;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:1.1rem;font-weight:600;color:#fff;line-height:1.2}.metric-value.positive{color:#00b894}.metric-value.negative{color:#e84393}.strategy-details{background:rgba(0,0,0,.1);border-radius:12px;padding:1rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row:first-child{padding-top:0}.detail-label{font-size:.85rem;color:#ffffffb3;font-weight:400}.detail-value{font-size:.85rem;font-weight:500;color:#fff;text-align:right;max-width:60%;word-break:break-word}.detail-value.code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#ffffffe6;background:rgba(0,0,0,.2);padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.strategy-intro-tags{display:flex;gap:.75rem;margin-top:.5rem;margin-bottom:.5rem}.strategy-tag{padding:.3rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.tag-risk{background:rgba(232,67,147,.2);color:var(--warning)}.tag-apy{background:rgba(0,184,148,.2);color:var(--success)}.tag-normal{background:rgba(108,92,231,.2);color:var(--primary)}.strategy-intro-card{background:rgba(255,255,255,.05);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.strategy-intro-content{color:#fffc;line-height:1.6;font-size:.95rem}.strategy-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.strategy-highlight{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.strategy-mechanism{background:rgba(255,255,255,.05);border-radius:var(--border-radius);padding:1.5rem;margin:1.5rem 0;border:1px solid rgba(255,255,255,.1)}.strategy-mechanism h4{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem}.mechanism-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.mechanism-step{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.step-number{width:24px;height:24px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fff}.step-content{flex:1}.step-title{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.25rem}.step-desc{font-size:.8rem;color:#ffffffb3;line-height:1.4}.strategy-actions{display:flex;gap:.75rem;margin-top:1.5rem}.strategy-actions .btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.stop-btn{background:linear-gradient(135deg,#e84393,#fd79a8);color:#fff;border:none;padding:1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #e843934d;position:relative;overflow:hidden;opacity:.8;margin-left:5px}.stop-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;opacity:.5;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.stop-btn:hover{transform:translateY(-1px);opacity:1;box-shadow:0 6px 16px #e8439366;background:linear-gradient(135deg,#e84393,#fd79a8)}.strategy-actions .btn-outline{background:transparent;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.strategy-actions .btn-outline:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:#ffffff4d;transform:translateY(-1px)}.strategy-actions .btn-stop{background:linear-gradient(135deg,rgba(232,67,147,.1),rgba(232,67,147,.2));color:#e84393;border:1px solid rgba(232,67,147,.3)}.strategy-actions .btn-stop:hover:not(:disabled){background:linear-gradient(135deg,rgba(232,67,147,.2),rgba(232,67,147,.3));border-color:#e8439380;transform:translateY(-1px);box-shadow:0 4px 12px #e8439333}.strategy-actions .btn-primary{background:linear-gradient(135deg,rgba(108,92,231,.1),rgba(108,92,231,.2));color:var(--primary);border:1px solid rgba(108,92,231,.3)}.strategy-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,rgba(108,92,231,.2),rgba(108,92,231,.3));border-color:#6c5ce780;transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce733}.strategy-actions .btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border-radius:var(--border-radius);border:1px dashed rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:2rem}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.5rem}.empty-state p{color:#fff9;line-height:1.5;max-width:300px;margin:0 auto}.section-title{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}