.token-distribution-card{background:var(--color-surface, #2a2a2a);border:1px solid var(--color-primary, #00ff88);border-radius:var(--card-border-radius, 12px);padding:24px;height:100%;box-sizing:border-box;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #ffffff0d;transition:all .2s ease-in-out;overflow:visible!important;display:flex;flex-direction:column;min-height:270px;backdrop-filter:blur(8px);background:linear-gradient(135deg,#2a2a2af2,#2d2d32fa)}.token-distribution-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;min-height:240px;padding:2.5rem 2rem;border-radius:calc(var(--card-border-radius, 12px) - 4px);border:1px dashed rgba(255,255,255,.08);background:#12121459;box-shadow:inset 0 0 0 1px #ffffff05;backdrop-filter:blur(8px)}.token-distribution-state-icon{color:var(--color-primary, #00ff88)}.token-distribution-state-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #ffffff)}.token-distribution-state-message{margin:0;max-width:360px;font-size:.95rem;line-height:1.5;color:var(--color-text-secondary, #9aa4b2)}.token-distribution-state--loading .token-distribution-state-icon{color:var(--color-text-secondary, #9aa4b2)}.token-distribution-state--error{border-color:#e23e5759;background:linear-gradient(140deg,#e23e5724,#20202466)}.token-distribution-state--error .token-distribution-state-icon{color:var(--color-error, #e23e57)}.token-distribution-state--empty .token-distribution-state-icon{color:var(--color-text-secondary, #9aa4b2)}.token-distribution-card *::selection{background:transparent!important;color:inherit!important}.token-distribution-card *::-moz-selection{background:transparent!important;color:inherit!important}.token-distribution-card,.token-distribution-card *{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}.chart-header{padding:0;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.chart-title{font-size:1.25rem;font-weight:500;color:var(--color-text-primary);margin:0;font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (max-width: 767px){.token-distribution-card{padding:24px!important}.token-distribution-card .chart-header{padding:0!important;margin-bottom:1.5rem!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:.5rem!important;width:100%!important}.token-distribution-card .chart-title{font-size:1.25rem!important;font-weight:500!important;flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important}}.token-distribution-content{display:flex;gap:0;align-items:center;min-height:240px;padding:0;overflow:visible!important}@media (min-width: 1024px) and (max-width: 1280px){.token-distribution-content{flex-direction:row;gap:2rem;min-height:270px;align-items:center}.pie-chart-container{flex:0 0 42%;height:270px;order:2}.donut-chart-wrapper{max-width:280px;max-height:280px}.token-distribution-legend{flex:1;overflow-y:auto;overflow-x:hidden;align-self:center;display:flex;flex-direction:column;justify-content:center;order:1}.token-legend-item-progress{margin-bottom:1.25rem}.token-legend-header{margin-bottom:1rem}.token-legend-left{gap:.375rem}}@media (min-width: 1281px){.token-distribution-content{flex-direction:row;gap:2.5rem;min-height:270px;align-items:center}.pie-chart-container{flex:0 0 50%;height:270px;order:2}.token-distribution-legend{flex:1;overflow-y:auto;overflow-x:hidden;align-self:center;display:flex;flex-direction:column;justify-content:center;order:1}}@media (min-width: 768px) and (max-width: 1023px){.token-distribution-content{flex-direction:column;gap:1.5rem;padding:0;min-height:auto;height:auto!important;align-items:stretch}.pie-chart-container{width:100%;height:280px;flex:none;order:1}.donut-chart-wrapper{max-width:240px;max-height:240px;margin:0 auto}.token-distribution-legend{width:100%;flex:none;order:2;gap:.75rem;padding:0;max-height:none}.token-legend-item-progress{margin-bottom:.5rem;padding:.25rem 0}.token-legend-header{margin-bottom:.25rem}.token-legend-item{padding:.25rem .5rem;margin:.125rem 0}.token-legend-symbol,.token-legend-amount{font-size:1rem}}@media (max-width: 767px){.token-distribution-card{min-height:auto;height:auto;overflow:visible!important}.token-distribution-content{padding:0;gap:1rem;flex-direction:column;min-height:auto;justify-content:flex-start;height:auto;overflow:visible!important}.pie-chart-container{flex:none;width:100%;height:320px;min-width:auto;padding:0;margin:0;display:flex;align-items:center;justify-content:center;order:1;box-sizing:border-box;overflow:visible!important}.donut-chart-wrapper{width:100%;height:100%;max-width:280px;max-height:280px;position:relative;margin:0 auto;overflow:visible!important}.token-distribution-legend{width:100%;padding:0;gap:.25rem;flex:none;margin-top:1rem;order:2;box-sizing:border-box}.token-legend-item{padding:.1875rem .3125rem;margin:.03125rem 0;font-size:.75rem;border-radius:4px}.token-legend-percentage{font-size:.6875rem;font-weight:600}.token-legend-amount{font-size:.625rem}.token-legend-info{gap:.25rem}.token-legend-indicator{width:8px;height:8px}.token-legend-item-progress{margin-bottom:.25rem;padding:.125rem 0}.token-legend-header{margin-bottom:.25rem}.token-legend-symbol{font-size:.9rem;font-weight:500}.token-legend-percentage-hover{font-size:.8rem;margin-left:.375rem}.token-legend-amount{font-size:.9rem;font-weight:500;white-space:nowrap}.token-progress-bar{height:3px}.token-distribution-card,.token-distribution-card *,.token-legend-amount,.donut-center-value,span,div{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important}}.pie-chart-container{display:flex;align-items:center;justify-content:center;overflow:visible!important}.token-distribution-legend{display:flex;flex-direction:column;justify-content:center;padding:0;height:100%}.token-legend-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;margin:.25rem 0;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .2s ease-in-out;position:relative;overflow:hidden}.token-legend-item:hover{background:#ffffff0d;border-color:#0f83;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.token-legend-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--indicator-color, #00ff88);transform:scaleY(0);transition:transform .2s ease-in-out}.token-legend-item:hover:before{transform:scaleY(1)}.token-legend-info{display:flex;align-items:center;gap:.5rem;flex:1}.token-legend-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 2px #0003;border:1px solid rgba(255,255,255,.1)}.token-legend-symbol{font-size:1rem;font-weight:600;color:var(--color-text-primary, #ffffff);transition:color .2s ease-in-out}.token-legend-item:hover .token-legend-symbol{color:var(--color-primary, #00ff88)}.token-legend-values{text-align:right;display:flex;flex-direction:column;gap:.125rem}.token-legend-percentage{font-size:1rem;font-weight:600;color:var(--color-text-primary, #ffffff);background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.token-legend-allocation{font-size:.6875rem;color:var(--color-text-secondary, #9ca3af);font-weight:400;text-transform:uppercase;letter-spacing:.5px}.token-legend-amount{font-size:1rem;font-weight:600;color:var(--color-primary, #00ff88);font-family:JetBrains Mono,Fira Code,monospace}.token-distribution-card .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0}.token-distribution-card .chart-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #ffffff);margin:0}.token-distribution-card .status-badge{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:1rem;font-size:.875rem;color:var(--color-primary, #00ff88);font-weight:500}@media (max-width: 480px){.token-distribution-card{min-height:auto;height:auto;overflow:visible!important}.token-distribution-content{min-height:auto;padding:0;overflow:visible!important}.pie-chart-container{height:280px;padding:0;overflow:visible!important}.donut-chart-wrapper{max-width:240px;max-height:240px}.token-legend-symbol,.token-legend-percentage,.token-legend-amount{font-size:.9rem}}.donut-chart-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible!important}@media (min-width: 1281px){.donut-chart-wrapper{max-width:340px;max-height:340px}}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}.donut-center *{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-moz-user-select:none;user-select:none;-webkit-user-select:none}.donut-center-label{font-size:1rem;color:#6b7280;font-weight:500;margin-bottom:6px;font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif}.donut-center-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;outline:none!important;background:transparent!important;display:inline-block;caret-color:transparent!important;cursor:default!important;pointer-events:none!important}.token-legend-item-progress{margin-bottom:1rem;padding:.5rem 0;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;cursor:pointer;border-radius:4px}.token-legend-item-progress:hover{background:#ffffff05;padding-left:.5rem;padding-right:.5rem}.token-legend-item-progress *{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}.token-legend-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.token-legend-left{display:flex;align-items:center;gap:.25rem}.token-legend-percentage-hover{font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:.875rem;color:var(--color-primary, #00ff88);margin-left:.5rem;animation:fadeInPercentage .2s ease-in-out;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}@keyframes fadeInPercentage{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.token-legend-right{text-align:right;display:inline-block}.token-legend-indicator{width:16px;height:16px;border-radius:3px;flex-shrink:0}.token-legend-symbol{font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-size:1rem;color:#9aa4b2;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}.token-legend-amount:before,.token-legend-amount:after{display:none!important;content:none!important}.token-legend-percentage{font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:1.25rem;color:#9aa4b2;line-height:1}.token-legend-amount{font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-size:1rem;color:#fff;line-height:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;outline:none!important;background:transparent!important;text-decoration:none!important;display:inline-block;caret-color:transparent!important;cursor:default!important;pointer-events:none!important}.token-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.token-progress-fill{height:100%;border-radius:2px;transition:width .8s ease-out}@media (min-width: 768px) and (max-width: 1023px){.token-legend-item-progress{margin-bottom:.5rem;padding:.25rem 0}.token-legend-header{margin-bottom:.25rem}.token-legend-symbol{font-size:.95rem;font-weight:500}.token-legend-percentage-hover{font-size:.85rem;margin-left:.45rem}.token-legend-amount{font-size:.95rem;font-weight:500}.token-progress-bar{width:100%!important;height:4px!important;background:#ffffff1a!important;border-radius:2px!important;overflow:hidden!important;display:block!important;visibility:visible!important}.token-progress-fill{height:100%!important;border-radius:2px!important;transition:width .8s ease-out!important;display:block!important;visibility:visible!important}}.token-distribution-card:hover{transform:none!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;border-color:#282828!important}.twr-chart-card{min-height:340px;padding:24px;display:flex;flex-direction:column;gap:var(--spacing-md, 1rem);width:100%;margin:0;box-sizing:border-box;background:var(--color-surface, #2a2a2a);border:1px solid var(--color-primary, #00ff88);border-radius:var(--card-border-radius, 12px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #ffffff0d}.dashboard-chart .twr-chart-card,.chart-full-width .twr-chart-card,.twr-chart-full-width .twr-chart-card,.twr-chart-full-width.dashboard-card-wrapper{padding:var(--chart-padding, 1.5rem);height:100%;width:100%;min-width:100%;max-width:100%;background:transparent;border:none;box-sizing:border-box}.dashboard-fullwidth .twr-chart-card{width:100%;max-width:none;margin:0}.dashboard-fullwidth .twr-chart-card .chart-container,.dashboard-fullwidth .twr-chart-card .chart-wrapper,.twr-chart-full-width .twr-chart-card .chart-container,.twr-chart-full-width .twr-chart-card .chart-wrapper,.twr-chart-full-width .chart-container,.twr-chart-full-width .chart-wrapper,.twr-chart-container .chart-container,.twr-chart-container .chart-wrapper{width:100%!important;max-width:none!important;min-width:100%!important;box-sizing:border-box}.twr-chart-container .recharts-responsive-container,.twr-chart-full-width .recharts-responsive-container,.twr-chart-container .twr-chart .recharts-responsive-container{width:100%!important;max-width:none!important;min-width:100%!important}.twr-chart-card .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;width:100%;flex-wrap:wrap;padding:0;gap:.5rem}.twr-chart-container .twr-chart-card .chart-header,.twr-chart-full-width .twr-chart-card .chart-header{margin-top:0;padding-top:0}.twr-chart-card .chart-title-section{display:flex;align-items:center;gap:.5rem;flex:0 1 auto;min-width:0}.twr-chart-card .chart-title{font-size:1.25rem;font-weight:500;font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--color-text-primary);margin:0;text-transform:none}@media (max-width: 767px){.twr-chart-card{padding:24px!important}.twr-chart-card .chart-header{padding:0!important;margin-bottom:1.5rem!important;flex-wrap:wrap!important}.twr-chart-card .chart-title{font-size:1.25rem!important;font-weight:500!important}.twr-chart-card .time-period-toggle{order:2;width:100%;justify-content:center}}.twr-chart-card .chart-info-icon{color:var(--color-text-secondary);cursor:help;font-size:var(--font-size-sm);opacity:.7;display:flex;align-items:center;justify-content:center;line-height:1}.twr-chart-card .time-period-toggle{display:flex;gap:0;margin:0;flex-shrink:0;background:#ffffff08;border-radius:6px;padding:2px;border:1px solid rgba(255,255,255,.08)}.twr-chart-card:focus-within{outline:none!important}.twr-chart-card .time-range-buttons{display:flex;gap:var(--spacing-xs);margin:0;flex-shrink:0}.twr-chart-card .time-range-btn,.twr-chart-card .time-period-toggle button{padding:4px 7px;border:none;background:transparent;color:#6b7280;font-size:11px;font-weight:500;font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;cursor:pointer;transition:all .15s ease-out;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;outline:none!important;box-shadow:none!important}.twr-chart-card .time-period-toggle button:first-child{border-radius:4px 0 0 4px}.twr-chart-card .time-period-toggle button:last-child{border-radius:0 4px 4px 0}.twr-chart-card .time-period-toggle button:focus,.twr-chart-card .time-period-toggle button:focus-visible,.twr-chart-card .time-range-btn:focus,.twr-chart-card .time-range-btn:focus-visible{outline:none!important;box-shadow:none!important}.twr-chart-card .time-range-btn:hover,.twr-chart-card .time-period-toggle button:hover{background:#ffffff14;color:#9aa4b2}.twr-chart-card .time-range-btn--active,.twr-chart-card .time-period-toggle button.time-range-btn--active{background:#ffffff26;color:#e8edf6;font-weight:600}.twr-chart-card .time-range-btn--active:hover,.twr-chart-card .time-period-toggle button.time-range-btn--active:hover{background:#ffffff26;color:#e8edf6}.twr-chart-card .chart-container{flex:1;min-height:220px;margin:0;width:100%;overflow:visible;padding:0}@media (max-width: 768px){.twr-chart-card{min-height:300px}.twr-chart-card .chart-container{min-height:180px}.twr-chart-card .chart-header{flex-direction:column!important;align-items:flex-start!important}.twr-chart-card .chart-title{font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;text-align:left!important}.twr-chart-card .time-range-buttons{width:100%;justify-content:space-between}}.twr-chart-card .chart-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);padding:var(--spacing-lg);margin:0;border:1px solid var(--color-border);border-radius:var(--card-radius);background:#ffffff05;align-items:center;min-height:100px}.twr-chart-card .metric-item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%}.twr-chart-card .metric-value{font-size:var(--font-size-xl);font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-feature-settings:"tnum" 1;letter-spacing:-.02em;color:var(--color-text-primary);line-height:1}.twr-chart-card .metric-value.positive{color:var(--color-success)}.twr-chart-card .metric-value.negative{color:var(--color-danger)}.twr-chart-card .metric-value.highlight{color:#fa0}.twr-chart-card .metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);line-height:1.1;margin-top:-2px}.twr-chart-card .chart-legend{display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-md) 0;margin:var(--spacing-sm) 0}.twr-chart-card .legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.twr-chart-card .legend-indicator{width:12px;height:2px;border-radius:1px}.twr-chart-card .legend-indicator.portfolio{background:var(--color-success)}.twr-chart-card .legend-indicator.benchmark{background:var(--color-text-secondary);border:1px dashed var(--color-text-secondary);height:1px}@media (max-width: 768px){.twr-chart-card{padding:1rem!important;min-height:350px}.twr-chart-card .chart-header{padding:0!important;margin-bottom:1rem!important}.twr-chart-card .chart-title{font-size:1.25rem!important;font-weight:500!important;font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;text-transform:none!important;color:#9aa4b2!important;margin:0!important}.twr-chart-card .time-range-buttons{align-self:stretch;justify-content:center}.twr-chart-card .time-range-btn{flex:1;min-width:0;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;text-align:center}.twr-chart-card .chart-metrics{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-lg);margin:var(--spacing-sm);min-height:100px}.twr-chart-card .chart-legend{flex-direction:column;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-sm) 0}.twr-chart-card .chart-container{min-height:280px;padding:0}}@media (max-width: 480px){.twr-chart-card .chart-metrics{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-md);margin:var(--spacing-xs);min-height:80px}.twr-chart-card .metric-value{font-size:var(--font-size-lg)}.twr-chart-card .time-range-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media (min-width: 768px) and (max-width: 1199px){.dashboard-grid-container .metrics-row-1,.dashboard-grid-container .metrics-row-2{grid-template-columns:repeat(2,1fr)!important}.dashboard-grid-container .metrics-row-2 .chart-item{grid-column:span 2!important}.dashboard-grid-container .metrics-row-3{grid-template-columns:repeat(2,1fr)!important;align-items:start!important}.dashboard-grid-container .metrics-row-3 .chart-item{grid-column:span 2!important}.dashboard-grid-container .metrics-row-3>div{height:auto!important;min-height:0!important;overflow:visible!important}.dashboard-grid-container .metrics-row-3 .metric-card,.dashboard-grid-container .metrics-row-3 .chart-card{height:auto!important;max-height:none!important;overflow:visible!important}.chart-card .token-distribution-legend{max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important}.chart-card .token-legend-item-progress{max-width:100%!important;box-sizing:border-box!important}.chart-card .token-progress-bar{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.twr-chart-card .chart-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.dashboard-grid-container .metrics-row-3{align-items:start!important;grid-template-rows:auto auto!important}.dashboard-grid-container .metrics-row-3>div:not(:last-child){display:flex!important;height:100%!important}.dashboard-grid-container .metrics-row-3 .metric-card{flex:1!important;min-height:300px!important;height:100%!important}.dashboard-grid-container .metrics-row-3>div:last-child{height:auto!important}.dashboard-grid-container .metrics-row-3 .token-distribution-card{height:auto!important;min-height:auto!important}.twr-chart-card,.position-details-table{padding:24px!important}.token-distribution-card .token-distribution-content{padding:0!important;height:auto!important;min-height:auto!important;max-height:none!important}.pie-chart-container{height:280px!important}.token-distribution-card .chart-header{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important}@media (max-width: 1023px){.token-distribution-legend{gap:.5rem!important;flex:none!important;height:auto!important;max-height:300px!important;overflow-y:auto!important}}.token-legend-item-progress{margin-bottom:.5rem!important;padding:.25rem 0!important}.token-legend-header{margin-bottom:.25rem!important}.position-details-table .table-footer{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.position-details-table .footer-info{text-align:left!important}.position-details-table .footer-pagination{justify-content:flex-end!important}}@media (max-width: 767px){.dashboard-grid-container .metrics-row-1,.dashboard-grid-container .metrics-row-2,.dashboard-grid-container .metrics-row-3{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important}.dashboard-grid-container .chart-item{grid-column:span 1!important}.dashboard-grid-container section>div>div{grid-column:span 1!important;width:100%!important;max-width:100%!important;min-width:0!important}.dashboard-grid-container .dashboard-card,.dashboard-grid-container .metric-card,.dashboard-grid-container .chart-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.dashboard-card svg,.metric-card svg,.chart-card svg{max-width:100%!important;height:auto!important}.chart-card .chart-header,.chart-card .metric-header{margin-bottom:1.5rem!important;padding:0!important;display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important}.chart-card .chart-title,.chart-card .metric-title{font-size:1.25rem!important;font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-weight:500!important;text-transform:none!important;flex:0 1 auto!important;min-width:0!important;white-space:nowrap!important}.chart-header .info-tooltip-wrapper,.metric-header .info-tooltip-wrapper{flex-shrink:0!important}.position-details-table .table-footer{gap:1rem!important}.chart-card,.token-distribution-card,.position-details-table,.twr-chart-card{padding:24px!important}.chart-card .chart-header,.token-distribution-card .chart-header,.position-details-table .chart-header,.twr-chart-card .chart-header{padding:0!important;margin-bottom:1.5rem!important}.twr-chart-card .chart-header{flex-direction:column!important;align-items:flex-start!important}.twr-chart-card .chart-title{font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;text-align:left!important}}.dashboard-card,.metric-card,.chart-card{min-width:0!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}.dashboard-card__content,.metric-card__content,.chart-card__content{flex:1!important;min-height:0!important}.recharts-responsive-container{width:100%!important;height:100%!important}@media (width: 767px){.dashboard-grid-container:before{content:"Mobile: 767px";position:fixed;top:0;left:0;background:red;color:#fff;padding:4px 8px;font-size:12px;z-index:9999;display:none}}@media (width: 768px){.dashboard-grid-container:before{content:"Tablet: 768px";position:fixed;top:0;left:0;background:orange;color:#fff;padding:4px 8px;font-size:12px;z-index:9999;display:none}}@media (width: 1199px){.dashboard-grid-container:before{content:"Tablet Upper: 1199px";position:fixed;top:0;left:0;background:orange;color:#fff;padding:4px 8px;font-size:12px;z-index:9999;display:none}}@media (width: 1200px){.dashboard-grid-container:before{content:"Desktop: 1200px";position:fixed;top:0;left:0;background:green;color:#fff;padding:4px 8px;font-size:12px;z-index:9999;display:none}}@media (max-width: 1199px){.dashboard-grid-container,.dashboard-grid-container section,.dashboard-grid-container section>div{overflow-x:hidden!important;max-width:100%!important}}@media (max-width: 767px){html,body{overflow-x:hidden!important;max-width:100vw!important}.dashboard-page{overflow-x:hidden!important;max-width:100%!important}}@media (max-width: 1199px) and (min-width: 768px){.dashboard-grid-container{padding-left:1rem!important;padding-right:1rem!important}.dashboard-grid-container .metrics-row-1,.dashboard-grid-container .metrics-row-2,.dashboard-grid-container .metrics-row-3{gap:.5rem!important}.dashboard-grid-container>section{margin-bottom:0!important}}@media (max-width: 767px){.dashboard-grid-container{padding-left:.5rem!important;padding-right:.5rem!important}.dashboard-grid-container .metrics-row-1,.dashboard-grid-container .metrics-row-2,.dashboard-grid-container .metrics-row-3{gap:.5rem!important}.dashboard-grid-container>section{margin-bottom:0!important}}