.timeframe-selector-group{display:flex;justify-content:center;background-color:#f3f4f6;border-radius:8px;padding:4px;flex-wrap:wrap}.dark .timeframe-selector-group{background-color:#1e293b}.timeframe-button{flex:1 1 0%;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;color:#64748b;transition:all .2s ease-in-out;border:none;background-color:initial;cursor:pointer}.dark .timeframe-button{color:#94a3b8}.timeframe-button:hover:not(.active){background-color:#e5e7eb}.dark .timeframe-button:hover:not(.active){background-color:#334155}.timeframe-button.active{background-color:#fff;color:#0f172a;box-shadow:0 1px 3px 0 #0000001a}.dark .timeframe-button.active{background-color:#475569;color:#fff;box-shadow:0 1px 3px 0 #00000080}.carousel-container{display:flex;overflow-x:auto;gap:16px;padding-bottom:12px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.carousel-container::-webkit-scrollbar{height:8px}.carousel-container::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.carousel-container::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px;border:2px solid #f9fafb}.carousel-container::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.carousel-card{flex:0 0 180px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;transition:all .2s ease-in-out;cursor:pointer;scroll-snap-align:start}.carousel-card:hover{border-color:#9ca3af;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}