:root{--background-sidebar: #161b22;--sidebar-btn: #e6edf3;--sidebar-btn-hover: #a971ff;--chart-background-color: #ffffff;--background-main: #f5f7fa;--background-card: #1f2630;--background-card-hover: #2a3443;--text-primary: #e6edf3;--text-secondary: #c0c6d4;--text-accent: #a971ff;--shadow-light: rgba(169, 113, 255, .2);--shadow-dark: rgba(10, 14, 24, .7)}.sidebar{width:20%;background-color:var(--background-sidebar);padding:1rem;color:var(--text-primary);transition:all .3s ease;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box;z-index:10}.sidebar.collapsed{width:70px}.sidebar h5{margin-bottom:1rem;display:flex;align-items:center;gap:8px;font-size:1rem;white-space:nowrap;overflow:hidden}.sidebar.collapsed h5 span{display:none}.sidebar button{background:none;border:none;color:var(--sidebar-btn);text-align:left;width:100%;padding:.5rem 0;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .2s ease;white-space:nowrap;overflow:hidden}.sidebar button:hover{color:var(--sidebar-btn-hover)}.sidebar.collapsed button span{display:none}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer}.content-sidebar{display:flex;flex-direction:column;gap:10px}.icon{background:none;border:none;color:var(--sidebar-btn);font-size:1.2rem;cursor:pointer;align-self:flex-end;margin-top:auto;transition:transform .3s ease}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.box-logo{display:flex;gap:20px}.search-input{background-color:var(--chart-background-color);display:flex;gap:5px;padding:10px;border-radius:8px;color:#000}.search-input button{background-color:transparent;border:none;cursor:pointer}.search-input button:hover{transform:scale(1.2)}.search-input input{outline:none;border:none}.charts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.charts>*{background-color:var(--chart-background-color);padding:1rem;border-radius:8px;box-shadow:0 0 10px #0000001a}@media (max-width:900px){.list-capital{display:flex;flex-direction:column;align-items:flex-end}}@media (max-width: 768px){.box-logo{width:100%;justify-content:space-around;gap:0}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;transform:translate(-100%);background-color:var(--background-sidebar);z-index:1000}.sidebar.expanded{transform:translate(0)}.main-content{padding:1rem}.mobile-menu-btn{display:block}.overlay{position:fixed;inset:0;background:#0006;z-index:999}}@media (max-width: 730px){.header{flex-direction:column}.search-input{width:100%}.search-input input{width:90%}}.cards-wrapper{position:relative}.container-cards{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:16px;padding:16px;background-color:var(--background-main);border-radius:16px;box-shadow:0 6px 20px #0000000d;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.container-cards::-webkit-scrollbar{display:none}.card{flex:0 0 auto;min-width:160px;background-color:var(--background-card);display:flex;flex-direction:column;justify-content:space-between;padding:12px;box-sizing:border-box;border-radius:14px;height:220px;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.card .img-card img{width:100%;max-height:80px;object-fit:contain;border-radius:10px;margin-bottom:10px}.card h5{font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.card small{font-size:.75rem;text-transform:capitalize;color:var(--text-secondary, #555)}.card .metrics{margin-top:auto;display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary, #666)}.card .metrics div{display:flex;flex-direction:column;gap:2px}.card strong{font-size:1.2rem;color:var(--primary-color, #4a90e2)}.scroll-prev,.scroll-next{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--primary-color);border:none;border-radius:50%;padding:8px 10px;color:#fff;cursor:pointer;z-index:10;box-shadow:0 4px 12px #0003;transition:background-color .2s ease}.scroll-prev{left:10px}.scroll-next{right:10px}.scroll-prev:hover,.scroll-next:hover{background-color:var(--primary-color-dark, #a971ff)}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0d1117;color:#e6edf3}*{box-sizing:border-box}.dashboard{display:flex;min-height:100vh}.main-content{flex:1;padding:2rem;overflow-y:auto;z-index:1}