:root{--bg-primary:#0d0f11;--bg-secondary:#141719;--bg-card:#1a1d21;--bg-card-highlight:#2a1f0a;--border-color:#2a2d32;--border-highlight:#3d3520;--text-primary:#fff;--text-secondary:#8b9098;--text-muted:#5a5f66;--accent-orange:#e88a1e;--accent-orange-light:#f5a623;--accent-green:#22c55e;--accent-red:#ef4444;--font-mono:"SF Mono","Fira Code",monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1400px;margin:0 auto;padding:0 24px}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.navbar-logo{background:var(--accent-orange);justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.navbar-logo-img{border-radius:8px}.navbar-title{color:var(--text-primary);font-size:18px;font-weight:700}.navbar-subtitle{color:var(--accent-orange);letter-spacing:2px;text-transform:uppercase;font-size:10px}.navbar-links{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:8px;padding:4px;display:flex}.navbar-link{color:var(--text-secondary);border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.navbar-link:hover{color:var(--text-primary)}.navbar-link.active{background:var(--bg-card);color:var(--text-primary)}.connect-wallet-btn{border:1px solid var(--accent-orange);color:var(--accent-orange);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.connect-wallet-btn:hover{background:var(--accent-orange);color:var(--bg-primary)}.main-content{min-height:calc(100vh - 150px);padding:32px}.hero-section{margin-bottom:32px;position:relative}.status-badge{color:var(--accent-green);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:inline-flex}.status-badge:before{content:"";background:var(--accent-green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{color:var(--text-primary);letter-spacing:-1px;margin-bottom:16px;font-size:48px;font-weight:800}.hero-description{color:var(--text-secondary);border-left:3px solid var(--accent-orange);max-width:600px;padding-left:16px;font-size:16px;line-height:1.6}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;position:relative;overflow:hidden}.stat-card.highlight{background:linear-gradient(135deg,var(--bg-card-highlight),#1f1a0f);border-color:var(--border-highlight)}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stat-label{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-size:12px}.stat-card.highlight .stat-label{color:var(--accent-orange)}.stat-icon{font-size:18px}.stat-value{color:var(--text-primary);font-size:32px;font-weight:700;font-family:var(--font-mono);margin-bottom:8px}.stat-card.highlight .stat-value{color:var(--accent-orange)}.stat-change{align-items:center;gap:4px;font-size:13px;display:flex}.stat-change.positive{color:var(--accent-green)}.stat-change.negative{color:var(--accent-red)}.stat-change.neutral{color:var(--accent-orange)}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px;display:grid}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;position:relative}.chart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chart-title-section{align-items:center;gap:12px;display:flex}.chart-icon{font-size:24px}.chart-title{color:var(--text-primary);font-size:16px;font-weight:600}.chart-subtitle{color:var(--text-secondary);font-size:12px}.chart-timeframe{background:var(--bg-secondary);border-radius:6px;gap:4px;padding:4px;display:flex}.timeframe-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.timeframe-btn.active{background:var(--accent-orange);color:var(--bg-primary)}.chart-container{height:300px;position:relative}.current-rate-badge{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:12px;position:absolute;top:20px;right:20px}.current-rate-label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:4px;display:flex}.current-rate-label:before{content:"";background:var(--accent-green);border-radius:50%;width:6px;height:6px}.current-rate-value{color:var(--text-primary);font-size:18px;font-weight:700;font-family:var(--font-mono)}.leaderboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.leaderboard-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.leaderboard-title{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.view-all-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.view-all-btn:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.leaderboard-columns{border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;grid-template-columns:1fr 80px 80px;padding:12px 0;font-size:11px;display:grid}.leaderboard-row{border-bottom:1px solid var(--border-color);grid-template-columns:1fr 80px 80px;align-items:center;padding:14px 0;display:grid}.leaderboard-row:last-child{border-bottom:none}.rank-cell{align-items:center;gap:12px;display:flex}.rank-badge{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.rank-badge.gold{background:var(--accent-orange);color:var(--bg-primary)}.rank-badge.silver{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.wallet-address{color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem}.wallet-link{text-decoration:none;transition:color .2s}.wallet-link:hover{color:var(--accent-orange);text-decoration:underline}.stat-unit{color:var(--text-secondary);font-size:.6em;font-weight:400}.reserves-value{color:var(--text-secondary);text-align:right;font-size:14px}.yield-value{color:var(--accent-orange);text-align:right;font-size:14px;font-weight:600}.pipeline-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;gap:32px;padding:28px 32px;display:flex}.pipeline-content{flex:1}.pipeline-header-row{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.pipeline-header-row svg{color:var(--accent-orange);flex-shrink:0;margin-top:2px}.pipeline-title{color:var(--text-primary);letter-spacing:.5px;margin-bottom:4px;font-size:16px;font-weight:700}.pipeline-status{color:var(--accent-orange);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:500}.pipeline-description{color:var(--text-secondary);max-width:550px;margin-left:36px;font-size:14px;line-height:1.7}.pipeline-description strong{color:var(--accent-orange);font-weight:600}.open-valve-btn{background:var(--accent-orange);color:var(--bg-primary);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.open-valve-btn:hover{background:var(--accent-orange-light);transform:translateY(-1px)}.open-valve-btn svg{stroke:var(--bg-primary)}.footer{border-top:3px solid;border-image:linear-gradient(90deg,var(--accent-orange),var(--accent-orange-light),var(--accent-orange))1;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.footer-left{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.footer-icon{color:var(--text-muted);font-size:16px}.footer-links{gap:24px;display:flex}.footer-link{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent-orange)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-card)50%,var(--bg-secondary)75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.navbar{flex-wrap:wrap;gap:16px}.navbar-links{order:3;justify-content:center;width:100%}.stats-grid{grid-template-columns:1fr}.hero-title{font-size:32px}.pipeline-card{text-align:center;flex-direction:column;gap:20px}.pipeline-description{max-width:100%}}.chart-svg{width:100%;height:100%}.chart-line{fill:none;stroke:var(--accent-orange);stroke-width:2px}.chart-area{fill:url(#chartGradient)}.chart-grid-line{stroke:var(--border-color);stroke-width:1px}.chart-label{fill:var(--text-muted);font-size:11px}.chart-loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.leaderboard-empty{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.leaderboard-title svg,.stat-icon svg,.chart-icon svg{color:var(--accent-orange)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:400px;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.modal-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.modal-body{flex-direction:column;gap:12px;padding:24px;display:flex}.wallet-option{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:12px;align-items:center;gap:16px;padding:16px 20px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.wallet-option:hover{border-color:var(--accent-orange);background:var(--bg-card-highlight)}.wallet-option-icon{font-size:24px}.connected-wallet{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.wallet-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px}.wallet-addr{color:var(--text-primary);font-size:14px;font-family:var(--font-mono);word-break:break-all}.disconnect-btn{border:1px solid var(--accent-red);color:var(--accent-red);cursor:pointer;background:0 0;border-radius:8px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s}.disconnect-btn:hover{background:var(--accent-red);color:var(--bg-primary)}