.defi-dashboard{position:fixed;inset:0;background:#000000f2;color:#fff;z-index:10001;overflow-y:auto;font-family:Courier New,monospace;backdrop-filter:blur(10px)}.defi-container{max-width:900px;margin:40px auto;background:linear-gradient(135deg,#0a0a0f,#14141a);border:2px solid #00ff88;border-radius:12px;box-shadow:0 0 50px #00ff884d;position:relative}.defi-header{display:flex;justify-content:space-between;align-items:center;padding:30px;border-bottom:1px solid rgba(0,255,136,.2)}.defi-header h1{color:#0f8;font-size:32px;font-family:Courier New,monospace;margin:0;text-shadow:0 0 20px rgba(0,255,136,.5);display:flex;align-items:center;gap:15px}.close-btn{background:transparent;border:none;color:#666;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-btn:hover{color:#f44;transform:rotate(90deg)}.development-warning{margin:20px 30px;padding:20px;background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:2px solid #ffc107;border-radius:8px;display:flex;gap:20px;align-items:center;animation:warningPulse 3s ease-in-out infinite;box-shadow:0 0 30px #ffc10733}@keyframes warningPulse{0%,to{box-shadow:0 0 30px #ffc10733;border-color:#ffc107}50%{box-shadow:0 0 40px #ffc10766;border-color:#ff9800}}.warning-icon{font-size:48px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.warning-content h3{color:#ffc107;font-size:18px;margin:0 0 10px;text-transform:uppercase;letter-spacing:2px;font-weight:700;text-shadow:0 0 10px rgba(255,193,7,.5)}.warning-content p{color:#fff;font-size:14px;line-height:1.6;margin:0;font-weight:500}.message{margin:0 30px 20px;padding:15px 20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease;font-size:14px;font-weight:700}.message.success{background:#00ff881a;border:1px solid #00ff88;color:#0f8;box-shadow:0 0 20px #0f83}.message.error{background:#ff44441a;border:1px solid #ff4444;color:#f44;box-shadow:0 0 20px #f443}.message.warning{background:#ffc1071a;border:1px solid #ffc107;color:#ffc107;box-shadow:0 0 20px #ffc10733}.message button{background:transparent;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;margin-left:15px}.wallet-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px;background:#0000004d;border-bottom:1px solid rgba(0,255,136,.2)}.wallet-stat{text-align:center;padding:15px;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:8px;transition:all .3s}.wallet-stat:hover{background:#00ff881a;transform:translateY(-2px);box-shadow:0 5px 20px #0f83}.wallet-stat .label{color:#666;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:block}.wallet-stat .value{font-size:20px;font-weight:700;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.convert-section{padding:20px 30px;text-align:center;background:#0003}.convert-btn{background:linear-gradient(45deg,#0f8,#00d4ff);border:none;color:#000;padding:15px 40px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 20px #00ff884d;font-family:Courier New,monospace}.convert-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #00ff8880}.convert-btn:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.tabs{display:flex;gap:10px;padding:0 30px;border-bottom:1px solid #333;background:#0003}.tabs button{background:transparent;border:none;color:#666;padding:15px 25px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;position:relative;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace}.tabs button:hover{color:#999}.tabs button.active{color:#0f8}.tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0f8;box-shadow:0 0 10px #00ff8880}.tab-content{padding:30px;min-height:400px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#00000080;border:1px solid #333;border-radius:8px;padding:20px;text-align:center;transition:all .3s}.stat-card:hover{border-color:#0f8;box-shadow:0 0 20px #00ff881a}.stat-card h3{color:#666;font-size:11px;margin:0 0 10px;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:24px;font-weight:700;color:#0f8;margin:10px 0;text-shadow:0 0 10px rgba(0,255,136,.3)}.stat-label{color:#666;font-size:11px;display:block;text-transform:uppercase}.info-section{background:#0000004d;border:1px solid #333;border-radius:8px;padding:25px;margin-top:20px}.info-section h3{color:#0f8;margin-bottom:15px;font-size:16px;text-transform:uppercase;letter-spacing:1px}.info-section ol{color:#999;line-height:1.8;padding-left:20px;font-size:14px}.info-section ol li{margin-bottom:8px}.pools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.pool-card{background:#00000080;border:2px solid #333;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.pool-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transition:left .5s}.pool-card:hover:before{left:100%}.pool-card:hover{border-color:#0f8;transform:translateY(-5px);box-shadow:0 10px 30px #0f83}.pool-card.extreme-risk{background:linear-gradient(135deg,#ef44440d,#00000080);border-color:#ef44444d;animation:pulseRed 3s ease-in-out infinite}@keyframes pulseRed{0%,to{box-shadow:0 0 20px #ef444433}50%{box-shadow:0 0 40px #ef444466}}.pool-card.extreme-risk:hover{border-color:#ef4444;box-shadow:0 10px 30px #ef44444d}.pool-card.selected{border-color:#00d4ff;background:#00d4ff0d;box-shadow:0 0 30px #00d4ff33}.pool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.pool-header h3{margin:0;color:#fff;font-size:16px;text-transform:uppercase;letter-spacing:1px}.risk-badge{padding:4px 10px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#000}.pool-stats{display:flex;justify-content:space-between;margin:20px 0;padding:15px 0;border-top:1px solid #333;border-bottom:1px solid #333}.pool-stat{text-align:center}.pool-stat span{color:#666;font-size:10px;text-transform:uppercase;display:block;margin-bottom:5px}.pool-stat strong{color:#0f8;font-size:18px;text-shadow:0 0 10px rgba(0,255,136,.3)}.pool-description{color:#999;line-height:1.5;font-size:13px;margin-bottom:15px}.warning{background:#ff44441a;border:1px solid #ff4444;color:#f44;padding:8px;border-radius:4px;text-align:center;font-size:12px;font-weight:700;animation:pulse 2s infinite}.extreme-warning{background:linear-gradient(135deg,#f003,#8b000033);border:2px solid #ff0000;color:red;padding:10px;border-radius:4px;text-align:center;font-size:14px;font-weight:700;animation:extremePulse 1s infinite;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 20px #ff00004d}@keyframes extremePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.stake-form{background:#00000080;border:2px solid #00ff88;border-radius:8px;padding:25px;max-width:500px;margin:0 auto;box-shadow:0 0 30px #0f83}.stake-form h3{margin:0 0 20px;color:#0f8;font-size:16px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,136,.5)}.input-group{display:flex;gap:10px;margin-bottom:20px}.input-group input{flex:1;background:#000000b3;border:1px solid #333;color:#0f8;padding:12px;border-radius:4px;font-size:16px;font-family:Courier New,monospace;transition:all .3s}.input-group input:focus{outline:none;border-color:#0f8;box-shadow:0 0 10px #0f83}.max-btn{background:#00d4ff1a;border:1px solid #00d4ff;color:#00d4ff;padding:12px 20px;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace}.max-btn:hover{background:#00d4ff33;box-shadow:0 0 15px #00d4ff4d}.stake-btn{width:100%;background:linear-gradient(45deg,#0f8,#00d4ff);border:none;color:#000;padding:15px;font-size:14px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace;box-shadow:0 0 20px #00ff884d}.stake-btn:hover{transform:scale(1.02);box-shadow:0 0 30px #00ff8880}.stake-btn:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.no-stakes{text-align:center;color:#666;padding:40px;background:#0000004d;border:1px solid #333;border-radius:8px;font-size:14px}.stakes-list{display:flex;flex-direction:column;gap:12px}.stake-position-row{display:grid;grid-template-columns:40px 140px 120px 160px 1fr;align-items:center;gap:20px;padding:16px 20px;background:linear-gradient(135deg,#0006,#0003);border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .3s ease}.stake-position-row:hover{background:linear-gradient(135deg,#00ff8814,#0000004d);border-color:#0f83;transform:translate(4px)}.position-number{color:#666;font-size:14px;font-weight:700}.position-pool{display:flex;align-items:center;gap:8px}.pool-name{color:#fff;font-weight:700;font-size:15px}.risk-badge-small{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;background:#00d4ff26;color:#00d4ff}.risk-badge-small.risk-low{background:#4ade8026;color:#4ade80}.risk-badge-small.risk-medium{background:#fbbf2426;color:#fbbf24}.risk-badge-small.risk-high{background:#ef444426;color:#ef4444}.position-amount,.position-rewards{display:flex;flex-direction:column;gap:4px}.amount-label,.rewards-label{color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.amount-value{color:#fff;font-size:15px;font-weight:700}.rewards-value{display:flex;align-items:baseline;gap:5px}.rewards-amount{color:#4ade80;font-size:15px;font-weight:700}.rewards-total{color:#888;font-size:12px}.time-value{font-size:14px}.time-value .ready{color:#4ade80;font-weight:700;font-size:15px}.time-value .soon{color:#fbbf24;font-weight:700;font-size:14px}.time-value .locked{color:#999;font-size:14px}.payout-value{display:flex;align-items:baseline;gap:5px}.payout-total{color:#0f8;font-size:15px;font-weight:700}.payout-profit{color:#4ade80;font-size:12px;opacity:.8}.apy-value{color:#00d4ff;font-size:16px;font-weight:700}@media (max-width: 1200px){.stake-position-row{grid-template-columns:40px 120px 100px 140px 1fr;gap:15px;font-size:14px}}@media (max-width: 900px){.stake-position-row{grid-template-columns:1fr;gap:12px;padding:16px}.position-number{display:none}.stake-position-row>div{display:flex;justify-content:space-between;align-items:center}.stake-position-row .withdraw-btn{width:100%;padding:12px}}.portfolio-overview{background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:8px;padding:20px;margin-bottom:30px}.portfolio-overview h3{color:#0f8;margin:0 0 20px;font-size:20px}.portfolio-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.portfolio-stat{background:#0000004d;padding:15px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.portfolio-stat .label{display:block;color:#888;font-size:12px;margin-bottom:5px;text-transform:uppercase}.portfolio-stat .value{display:block;color:#fff;font-size:24px;font-weight:700;margin-bottom:5px}.portfolio-stat .value.highlight{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.portfolio-stat .description{display:block;color:#666;font-size:11px}.positions-summary{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.positions-summary h4{color:#0f8;font-size:16px;margin:0 0 15px;display:flex;align-items:center;gap:8px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.summary-item{background:#ffffff05;padding:12px;border-radius:6px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.summary-item:hover{background:#ffffff0a;border-color:#0f83}.summary-label{display:block;color:#888;font-size:11px;text-transform:uppercase;margin-bottom:5px;letter-spacing:.5px}.summary-value{display:block;color:#fff;font-size:20px;font-weight:700}.summary-value.ready{color:#4ade80}.summary-value.locked{color:#fbbf24}.summary-value.rewards{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.3)}.stakes-section{margin-top:30px}.stakes-section h3{color:#0f8;margin-bottom:20px;font-size:20px}.no-stakes{text-align:center;padding:40px;background:#0000004d;border-radius:8px;color:#666}.no-stakes .hint{color:#888;font-size:14px;margin-top:10px}.stake-card{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;margin-bottom:15px;transition:all .3s ease}.stake-card:hover{border-color:#00ff884d;box-shadow:0 4px 15px #00ff881a}.stake-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.stake-header h4{color:#fff;margin:0;font-size:18px}.risk-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.risk-badge.risk-low{background:#4ade8033;color:#4ade80}.risk-badge.risk-medium{background:#fbbf2433;color:#fbbf24}.risk-badge.risk-high{background:#ef444433;color:#ef4444}.stake-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}@media (max-width: 768px){.stake-grid{grid-template-columns:repeat(2,1fr)}}.stake-stat{background:#ffffff05;padding:10px;border-radius:4px}.stake-stat .label{display:block;color:#666;font-size:11px;margin-bottom:5px}.stake-stat .value{display:block;color:#fff;font-size:16px;font-weight:700}.stake-stat .unlocked{color:#4ade80}.stake-stat .locked{color:#fbbf24}.stake-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.withdraw-btn{flex:1;background:linear-gradient(135deg,#0f8,#00d4ff);color:#000;border:none;padding:12px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s;font-size:14px;min-width:150px;font-family:Courier New,monospace}.withdraw-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 5px 20px #0f86}.withdraw-btn.disabled{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#666;cursor:not-allowed;opacity:.7}.withdraw-btn.disabled:hover{transform:none;box-shadow:none}.lock-info{display:flex;flex-direction:column;gap:5px;text-align:center;padding:10px;background:#ffffff05;border-radius:4px;width:100%}.lock-info .hint{color:#666;font-size:11px}.risk-warning{color:#ef4444;font-size:12px;padding:5px 10px;background:#ef44441a;border-radius:4px}.stake-item{background:#0006;border:1px solid #333;border-radius:8px;padding:20px;transition:all .3s}.stake-item:hover{border-color:#0f8;box-shadow:0 0 20px #00ff881a}.stake-info h4{margin:0 0 15px;color:#0f8;font-size:14px;text-transform:uppercase;letter-spacing:1px}.stake-details{display:flex;gap:30px;margin-bottom:15px;color:#999;font-size:13px}.stake-details span{display:flex;flex-direction:column;gap:3px}.stake-details span strong{color:#fff;font-size:14px}.claim-btn{background:linear-gradient(45deg,#0f8,#00d4ff);border:none;color:#000;padding:10px 25px;border-radius:4px;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-family:Courier New,monospace}.claim-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #0f86}.lock-status{color:#ffc107;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:20px;color:#0f8;text-transform:uppercase;letter-spacing:2px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.defi-container{margin:20px}.wallet-overview{grid-template-columns:repeat(2,1fr)}.pools-grid,.stats-grid{grid-template-columns:1fr}.defi-header h1{font-size:24px}.development-warning{flex-direction:column;text-align:center}.warning-icon{font-size:36px}.warning-content h3{font-size:16px}.warning-content p{font-size:13px}}.defi-dashboard::-webkit-scrollbar{width:8px}.defi-dashboard::-webkit-scrollbar-track{background:#0a0a0f}.defi-dashboard::-webkit-scrollbar-thumb{background:#0f8;border-radius:4px}.defi-dashboard::-webkit-scrollbar-thumb:hover{background:#00d4ff}