@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);.App,body{color:#e0e0e0}.App,body,nav{background-color:#121212}nav{margin-bottom:20px;padding:15px 0}nav ul{display:flex;gap:20px;justify-content:center;list-style-type:none;padding:0}nav ul,nav ul li{margin:0}nav ul li a{background-color:#3b82f61a;border-radius:4px;color:#e0e0e0;font-size:16px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}nav ul li a:hover{background-color:#3b82f633;color:#fff}nav ul li a.active{background-color:#3b82f64d;color:#fff}@media (max-width:768px){nav ul{align-items:center;flex-direction:column}nav ul li{margin-bottom:10px}nav ul li:last-child{margin-bottom:0}}.dashboard-metrics{gap:15px;margin-bottom:20px;padding:0 20px}.dashboard-metrics,.metric-card{display:flex;justify-content:center}.metric-card{align-items:center;background-color:#1e293b;border-radius:8px;flex-direction:column;flex-grow:0;flex-shrink:0;padding:15px;text-align:center;width:150px}.metric-card h3{color:#94a3b8;font-size:14px;margin:0 0 5px}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.metric-title{color:#94a3b8;font-size:14px}.metric-icon{color:#3b82f6;font-size:20px}.metric-value{font-size:20px;font-weight:700;margin:0}.metric-change{font-size:14px}.positive-change{color:#4ade80}.negative-change{color:#f87171}@media (max-width:768px){.dashboard-metrics{flex-wrap:wrap}.metric-card{flex-basis:calc(50% - 7.5px);flex-grow:0;flex-shrink:0;margin-bottom:15px;width:auto}}.bold-label{font-weight:800!important}.chart{background-color:#1e1e1e;margin-bottom:20px;padding:15px}.chart-wrapper{height:400px;overflow:hidden;width:100%}.chart h2{color:#e0e0e0;font-size:1.2rem}.chart-wrapper canvas{height:100%!important}canvas{padding-bottom:20px}.error-text,.loading-text{align-items:center;color:#888;display:flex;font-size:18px;height:100%;justify-content:center}.chart-expanded .chart-wrapper{background-color:#1e293b}.chart-expanded h2{margin-bottom:20px}@media (max-width:768px){.chart{padding:10px}.chart-wrapper{height:300px}.chart h2{font-size:1rem}}.historical-tvl-chart select{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:14px;padding:5px;position:absolute;right:10px;top:10px;z-index:1000}.historical-tvl-chart select:focus{border-color:#4ecdc4;outline:none}.historical-tvl-chart select option{background-color:#2a2a2a;color:#e0e0e0}.chain-selector{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#1e293b;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:14px;padding:8px 32px 8px 12px;transition:all .3s ease}.chain-selector:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc433;outline:none}.chain-selector:hover{border-color:#718096}.chain-selector-wrapper:after{color:#718096;content:"\25BC";font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.chain-selector option{background-color:#1e293b;color:#e2e8f0}.chart-filters{align-items:center;display:flex;flex-wrap:wrap;margin-left:auto}.chain-selector-wrapper,.type-selector-wrapper{flex-grow:1;margin:5px;min-width:120px;position:relative}.chain-selector,.type-selector{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#1e293b;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:14px;padding:8px 32px 8px 12px;transition:all .3s ease;width:100%}.chain-selector:focus,.type-selector:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc433;outline:none}.chain-selector:hover,.type-selector:hover{border-color:#718096}.chain-selector-wrapper:after,.type-selector-wrapper:after{color:#718096;content:"\25BC";font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.chain-selector option,.type-selector option{background-color:#1e293b;color:#e2e8f0}.chart-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.chart-header h2{color:#e0e0e0;font-size:18px;font-weight:600;margin:0 0 10px;width:100%}.chain-selector-wrapper{position:relative}.chart{box-shadow:0 4px 6px #0000001a;box-sizing:border-box;width:100%}.chart-wrapper canvas{height:auto!important;max-width:100%}.chart.expanded{align-items:center;background-color:#1e293b;border-radius:8px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:80vh;justify-content:center;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:80vw;z-index:1000}.chart-wrapper.expanded{height:calc(100% - 60px);width:100%}.chart.expanded .chart-header{margin-bottom:20px;width:100%}.chart.expanded .chain-selector-wrapper{position:absolute;right:20px;top:20px}.close-button{background:none;border:none;color:#e0e0e0;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px;z-index:1001}.close-button:hover{color:#fff}.chart-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.chart-expanded{background-color:#1e293b;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;height:80%;padding:20px;width:80%}.chart-expanded .chart-wrapper{flex-grow:1;height:auto;width:100%}.chart-expanded .chart-header{margin-bottom:20px}.chart{cursor:pointer;transition:transform .2s ease-in-out}.chart:hover{transform:scale(1.02)}.chart-expanded .chart-header{padding-right:20px}.chart-expanded .chart-filters{right:20px}@media (max-width:768px){.chart-header{flex-direction:column}}.chart-container{flex-direction:column}.chart-container,.charts-row{display:flex;gap:20px}.chart-column{flex:1 1;min-width:0}@media (max-width:768px){.charts-row{flex-direction:column}}.charts-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.chart{background-color:#1e293b;border-radius:8px;display:flex;flex-direction:column;height:400px;padding:20px}.chart h2{color:#e2e8f0;font-size:16px;margin-bottom:15px;margin-top:0}.chart-wrapper{flex-grow:1;position:relative}@media (max-width:1200px){.charts-container{grid-template-columns:1fr}}@media (max-width:768px){.chart{height:300px}}.historical-tvl-chart{margin-bottom:20px}.chart-controls{margin-bottom:10px}.chart-controls select{font-size:14px;padding:5px}.top-revenue-ids{background-color:#1e293b;border-radius:8px;margin-top:30px;padding:20px}.top-revenue-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px}.top-revenue-ids h2{color:#e0e0e0;font-size:18px;margin:0}.filter-controls{display:flex;flex-wrap:wrap;gap:15px}.filter-group{align-items:center;display:flex}.filter-group label{color:#a0aec0;font-size:14px;margin-right:5px}.chain-select,.items-select,.platform-select,.type-select{background-color:#2c3e50;border:1px solid #4a5568;border-radius:4px;color:#e0e0e0;font-size:14px;padding:5px 10px}.id-list-container{overflow-x:auto}.id-list-table{border-collapse:initial;border-spacing:0 5px;table-layout:fixed;width:100%}.id-list-table td,.id-list-table th{overflow:hidden;padding:8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.id-list-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.id-list-table th.sortable:hover{background-color:#2c3e50}.id-list-table th.sortable:after{content:"▲";display:inline-block;margin-left:5px;opacity:.5}.id-list-table th.sortable.asc:after{content:"▲";opacity:1}.id-list-table th.sortable.desc:after{content:"▼";opacity:1}.id-item{background-color:#2c3e50;transition:background-color .3s ease}.id-item:hover{background-color:#34495e}.id-rank{font-weight:700;width:30px}.id-tokens a{color:inherit;text-decoration:none}.id-tokens a:hover{text-decoration:underline}.id-revenue{color:#4ade80;font-weight:700}@media (max-width:1024px){tbody{font-size:.8rem}.id-type,.id-type-header{display:none}.id-tokens,.id-tokens-header{width:25%}.id-chain,.id-chain-header,.id-platform,.id-platform-header,.id-tvl,.id-tvl-header{width:18%}.id-revenue,.id-revenue-header{width:21%}}@media (max-width:768px){tbody{font-size:.7rem}.top-revenue-header{align-items:flex-start;flex-direction:column}.filter-controls{flex-direction:column;gap:10px;margin-top:10px}.id-chain,.id-chain-header,.id-platform,.id-platform-header{display:none}.id-tokens,.id-tokens-header{width:40%}.id-tvl,.id-tvl-header{width:25%}.id-revenue,.id-revenue-header{width:35%}}.id-list-table th{border-bottom:1px solid #4a5568;color:#a0aec0;font-size:.8rem;font-weight:700;padding:8px 4px;text-align:left}.id-revenue-header{font-size:.8rem;white-space:nowrap}.id-revenue,.id-revenue-header{min-width:100px;width:18%}.id-rank,.id-rank-header{width:30px}.export-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.export-button:hover{background-color:#2980b9}@media (max-width:768px){.export-button{align-self:flex-start;margin-top:10px}}body{background-color:#0f172a;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}.dashboard{min-height:100vh;padding:20px}.dashboard-title{margin-bottom:20px}.main-content{display:flex;flex-direction:column;gap:20px}.loading-overlay{align-items:center;background-color:#0f172acc;bottom:0;color:#fff;display:flex;font-size:18px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.dashboard{padding:10px}}.dashboard-header{padding:20px 0;width:100%}.header-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:100%;padding:0 20px}.logo-title-container{align-items:center;display:flex;flex-direction:column;gap:10px}.logo-link{display:flex;justify-content:center}.header-logo{display:block;height:60px;width:auto}.dashboard-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-align:center}@media (max-width:768px){.dashboard-title{font-size:20px}.header-logo{height:45px}}
/*# sourceMappingURL=main.c3b70eda.css.map*/