body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#111827;background:#f8f9fa;margin:0;padding:0;font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{text-align:left;box-sizing:border-box;border:none;width:100%;max-width:100%;min-height:auto;margin:0;display:block}*{box-sizing:border-box}button{font-family:inherit}.dashboard-page{background:#f8f9fa;min-height:100vh;padding:24px 32px}@keyframes donutTooltipFade{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes sparklePop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stats-grid>div,.bottom-card,.right-sidebar .sidebar-panel,.on-chain-card{transition:transform .2s,box-shadow .2s}.stats-grid>div:hover,.bottom-card:hover,.right-sidebar .sidebar-panel:hover,.on-chain-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.bottom-card>div[style*=grid-template-columns],.bottom-card>div[style*="display: flex"]{transition:background .15s}.apy-chart-tooltip{animation:.15s fadeInUp}.dashboard-shell{align-items:stretch;gap:12px;max-width:1440px;margin:0 auto;display:flex}.dashboard-main{flex-direction:column;flex:auto;gap:12px;min-width:0;display:flex}.dashboard-header{margin-bottom:20px}.dashboard-header__inner{background:radial-gradient(circle at 20% 20%,#f0b90b12 0%,#0000 35%),radial-gradient(circle at 80% 80%,#f0b90b0d 0%,#0000 35%),linear-gradient(135deg,#fff 0%,#fafbfc 100%);border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex;box-shadow:0 1px 2px #0000000a,0 4px 16px #00000005}.dashboard-header__brand{align-items:center;gap:14px;min-width:0;display:flex}.dashboard-header__title{flex-direction:column;gap:2px;min-width:0;display:flex}.dashboard-header__title-row{align-items:center;gap:10px;display:flex}.dashboard-header__heading{background:linear-gradient(90deg,#111827 0%,#374151 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:700;line-height:1.1}.dashboard-header__badge{color:#1a1a1a;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#f0b90b 0%,#f8d33a 100%);border-radius:6px;align-items:center;padding:4px 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.dashboard-header__subtitle{color:#9ca3af;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:500;line-height:1.4}.dashboard-header__actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.dashboard-header__status{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.dashboard-header__pulse{background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.dashboard-header__pulse:after{content:"";background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:0;left:0}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.dashboard-header__refresh{color:#6b7280;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.chart-section{gap:12px;min-width:0;display:flex}.chart-section>:first-child{min-width:0;overflow:hidden}.bottom-section{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;min-height:0;display:grid}.bottom-card{min-width:0;height:100%}.bottom-card-stack{min-height:0}.right-sidebar{flex:0 0 320px;width:320px}.portfolio-strategy__body{gap:16px;display:grid}.apy-chart{width:100%;max-width:100%;height:auto;display:block}@media (width<=1279px){.dashboard-page{padding:20px}.dashboard-shell{flex-direction:column}.right-sidebar{flex-basis:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;background:0 0!important;border:0!important;border-radius:0!important;display:grid!important;overflow:visible!important}.right-sidebar .sidebar-panel{background:#fff;border-radius:12px;min-width:0;border:1px solid #e5e7eb!important}.portfolio-strategy__body{grid-template-columns:minmax(0,1fr) auto;align-items:center}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-section{flex:initial;grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-card-stack{grid-column:1/-1}}@media (width<=1100px){.chart-section{flex-direction:column}.chart-section>:last-child,.on-chain-card{width:100%!important}.on-chain-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px!important;display:grid!important}.on-chain-metric{min-width:0}}@media (width<=959px){.on-chain-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){.dashboard-page{padding:16px}.dashboard-header{margin-bottom:8px}.dashboard-header__inner{flex-direction:column;align-items:flex-start;gap:14px;padding:16px 18px}.dashboard-header__heading{font-size:22px}.dashboard-header__actions{flex-wrap:wrap;gap:8px 12px;width:100%}.dashboard-header__refresh{margin-left:auto}.chart-toolbar{flex-direction:column;gap:10px;align-items:flex-start!important}.chart-market-summary,.chart-controls{flex-wrap:wrap}.chart-controls{width:100%}.right-sidebar{grid-template-columns:1fr}.portfolio-strategy__body{grid-template-columns:minmax(0,1fr) auto}.apy-performance__legend{flex-wrap:wrap}.on-chain-list,.stats-grid,.bottom-section{grid-template-columns:1fr}.bottom-card-stack{grid-column:auto}}@media (width<=520px){.dashboard-page{padding:12px}.portfolio-strategy__body{grid-template-columns:1fr}.portfolio-strategy__donut{justify-content:flex-start!important}}
