@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#f8fafc;color:#334155}.dashboard-container{display:flex;height:100vh;background-color:#f8fafc;overflow:hidden;flex-direction:row}.sidebar{width:280px;background:linear-gradient(135deg,#1e293b,#0f172a);color:#f8fafc;display:flex;flex-direction:column;box-shadow:4px 0 15px #0000001a;z-index:10;transition:all .3s ease}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{font-size:20px;font-weight:600;letter-spacing:.5px}.indices-container{flex-grow:1;overflow:hidden}.indices-list{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.indices-list::-webkit-scrollbar{width:6px}.indices-list::-webkit-scrollbar-track{background:transparent}.indices-list::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.index-item{cursor:pointer;padding:15px 20px;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;display:flex;align-items:center}.index-item:hover{background:#ffffff1a;padding-left:24px}.index-item.selected{background:linear-gradient(90deg,rgba(14,165,233,.2),transparent);border-left:4px solid #0ea5e9;padding-left:16px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.load-more-btn{width:100%;padding:12px;background:linear-gradient(90deg,#0ea5e9,#38bdf8);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;font-size:14px;box-shadow:0 4px 6px #0ea5e933}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0ea5e94d}.load-more-btn:active{transform:translateY(1px)}.loading-indicator{display:flex;align-items:center;margin-bottom:15px;font-size:14px;color:#ffffffb3}.spinner{height:20px;width:20px;margin-right:10px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#0ea5e9;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#ef4444;margin-bottom:15px;padding:10px;background:#ef44441a;border-radius:4px;font-size:14px}.main-content{flex-grow:1;padding:30px;overflow:auto;background:#fff}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.chart-header h1{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:10px}.chart-meta{display:flex;gap:24px;flex-wrap:wrap}.meta-item{display:flex;flex-direction:column;margin-bottom:10px}.meta-item .label{font-size:12px;color:#64748b;margin-bottom:4px}.meta-item .value{font-size:16px;font-weight:600}.positive{color:#10b981}.negative{color:#ef4444}.change-indicator{margin-left:5px}.chart-container{height:400px;margin-bottom:30px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 25px #0000000d;min-height:300px}.index-details{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.detail-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .2s ease}.detail-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.detail-card:nth-child(1){background:linear-gradient(135deg,#ebf5ff,#fff)}.detail-card:nth-child(2){background:linear-gradient(135deg,#e6fffa,#fff)}.detail-card:nth-child(3){background:linear-gradient(135deg,#fff7ed,#fff)}.detail-card:nth-child(4){background:linear-gradient(135deg,#fef2f2,#fff)}.detail-card h3{font-size:16px;font-weight:500;color:#64748b;margin-bottom:10px}.detail-card p{font-size:20px;font-weight:700;color:#0f172a}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#94a3b8;padding:20px}.empty-state h2{font-size:24px;margin-bottom:10px}.empty-state p{font-size:16px}.menu-toggle{display:none;position:fixed;top:15px;left:15px;background:#1e293b;color:#fff;border:none;border-radius:5px;padding:8px 12px;z-index:1000;cursor:pointer;box-shadow:0 2px 10px #0003}.menu-toggle:focus{outline:none}.show-sidebar{transform:translate(0)!important}@media screen and (max-width: 1024px){.index-details{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.dashboard-container{flex-direction:column;height:auto;min-height:100vh}.sidebar{width:100%;height:auto;position:relative}.indices-container{max-height:300px}.indices-list{height:auto!important;max-height:300px}.chart-header{flex-direction:column;align-items:flex-start}.chart-meta{margin-top:10px;width:100%;justify-content:space-between}.chart-container{height:300px}}@media screen and (max-width: 600px){.dashboard-container{overflow:auto}.sidebar{position:fixed;width:250px;height:100vh;transform:translate(-100%);transition:transform .3s ease}.menu-toggle{display:block}.main-content{padding:15px;margin-top:50px}.chart-header h1{font-size:22px}.index-details{grid-template-columns:1fr}.chart-container{padding:10px;margin-bottom:20px}.detail-card{padding:15px}.detail-card h3{font-size:14px}.detail-card p{font-size:18px}}@media screen and (max-width: 380px){.chart-meta{flex-direction:column;gap:10px}.main-content{padding:10px}.chart-container{height:250px}}