@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-primary: #f0f3fa;--bg-secondary: #ffffff;--bg-tertiary: #e8ecf3;--accent: #2962ff;--text-primary: #131722;--text-secondary: #787b86;--success: #089981;--danger: #f23645;--border: #e0e3eb;--card-shadow: 0 1px 3px rgba(0, 0, 0, .04);--radius: 8px;--trade: #2b8aed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Trebuchet MS,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.sidebar{width:180px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem .5rem;position:sticky;top:0;height:100vh;flex-shrink:0}.sidebar-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);padding-left:.75rem;letter-spacing:.3em;text-transform:uppercase;font-family:Space Grotesk,Inter,sans-serif}.sidebar-logo{width:28px;height:28px;object-fit:contain;border-radius:6px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;padding:.5rem .75rem;border-radius:var(--radius);cursor:pointer;transition:background .15s,transform .15s;color:var(--text-secondary);font-weight:500;font-size:13px;border:none;background:none;text-align:left;width:100%}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(2px)}.nav-item.active{background:var(--accent);color:#fff}.main-content{flex:1;padding:1.25rem;overflow-y:auto;min-width:0}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.header h1{font-size:1.05rem;font-weight:600;color:var(--text-primary);font-family:Space Grotesk,Inter,sans-serif}.updated{font-size:11px;color:var(--text-secondary);font-weight:500}.content{padding-bottom:2rem}.section-title{font-size:13px;font-weight:600;margin-bottom:.5rem;font-family:Space Grotesk,Inter,sans-serif}.section-subtitle{font-size:11px;color:var(--text-secondary);margin-left:.5rem;font-weight:400}.index-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-bottom:1rem}.index-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;box-shadow:var(--card-shadow);text-align:center}.index-card-name{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.index-card-price{font-size:1.15rem;font-weight:700;font-family:Space Grotesk,Inter,sans-serif;margin-bottom:.15rem}.index-card-change{font-size:12px;font-weight:600}.panel{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--card-shadow);margin-bottom:1rem;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.panel-title{font-weight:600;font-size:13px;font-family:Space Grotesk,Inter,sans-serif}.panel-note{font-size:11px;color:var(--text-secondary)}.tables-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.table-scroll{max-height:410px;overflow-y:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:.5rem .75rem;border-bottom:1px solid var(--border);font-weight:600;white-space:nowrap}.data-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border);font-size:13px;font-variant-numeric:tabular-nums}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg-primary)}.text-right{text-align:right}.bold{font-weight:600}.rank-cell{color:var(--text-secondary);font-weight:600;width:28px}.symbol-sub{font-size:11px;color:var(--text-secondary);margin-left:4px}.trade-value{color:var(--trade)}.positive{color:var(--success)}.negative{color:var(--danger)}.theme-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.theme-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;box-shadow:var(--card-shadow);transition:border-color .15s ease;display:flex;flex-direction:column}.theme-card:hover{border-color:var(--accent)}.theme-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.theme-card-rank{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:var(--trade);color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.theme-card-name{font-weight:600;font-size:.85rem;flex:1;margin-left:.4rem;line-height:1.2}.theme-card-rate{font-weight:700;font-size:.85rem}.theme-card-stats{font-size:.7rem;color:var(--text-secondary);margin-bottom:.3rem}.theme-card-stocks{display:flex;flex-direction:column;gap:.2rem;padding-top:.3rem;border-top:1px solid var(--border)}.stock-chip{display:inline-flex;align-items:center;gap:3px;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:500;white-space:nowrap;color:var(--text-secondary);opacity:.75}.stock-chip.ranked{opacity:1;color:var(--text-primary);border-color:var(--trade);background:#2b8aed14}.stock-rank{color:var(--trade);font-size:.6rem;font-weight:700;margin-right:2px}.toggle-btn{background:none;border:1px dashed var(--border);border-radius:4px;padding:2px 8px;font-size:.65rem;color:var(--text-secondary);cursor:pointer;text-align:center}.toggle-btn:hover{color:var(--accent);border-color:var(--accent)}.empty-state{padding:2rem;text-align:center;color:var(--text-secondary)}.menu-toggle-btn{display:none;background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-primary);padding:.25rem}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:50}@media(max-width:768px){.sidebar{position:fixed;left:-180px;z-index:100;transition:transform .2s}.sidebar.open{transform:translate(180px)}.sidebar-overlay.open,.menu-toggle-btn{display:block}.main-content{padding:.75rem}.tables-grid,.theme-cards-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}