@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg-primary:#f5f6f8;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#fafbfc;--bg-elevated:#f8f9fa;--cyan:#3182f6;--cyan-dim:#3182f614;--cyan-glow:#3182f633;--green:#f04452;--green-dim:#f0445214;--green-glow:#f0445226;--red:#3182f6;--red-dim:#3182f614;--red-glow:#3182f626;--yellow:#ff9f08;--yellow-dim:#ff9f0814;--purple:#8b5cf6;--purple-dim:#8b5cf614;--orange:#ff6b2c;--text-primary:#191f28;--text-secondary:#6b7684;--text-muted:#8b95a1;--text-bright:#191f28;--border-subtle:#e5e8eb;--border-medium:#d1d6db;--border-accent:#3182f64d;--shadow-card:0 1px 3px #0000000a,0 1px 2px #0000000f;--shadow-glow-cyan:0 2px 8px #3182f614;--shadow-glow-green:0 2px 8px #f0445214;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}[data-theme=dark]{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#161b22;--bg-card-hover:#1c2333;--bg-elevated:#1c2333;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--text-bright:#f0f6fc;--border-subtle:#21262d;--border-medium:#30363d;--border-accent:#3182f666;--shadow-card:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-glow-cyan:0 2px 12px #3182f626;--shadow-glow-green:0 2px 12px #f0445226;--cyan-dim:#3182f626;--cyan-glow:#3182f64d;--green-dim:#f0445226;--green-glow:#f0445240;--red-dim:#3182f626;--red-glow:#3182f640;--yellow-dim:#ff9f0826;--purple-dim:#8b5cf626}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}body:before{display:none}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--gap-md);transition:all var(--transition-normal);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.glass-card:before{display:none}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.mono{font-family:JetBrains Mono,Fira Code,monospace}.text-xs{font-size:.75rem}.text-sm{font-size:.857rem}.text-md{font-size:1rem}.text-lg{font-size:1.143rem}.text-xl{font-size:1.43rem}.text-2xl{font-size:1.714rem}.text-3xl{font-size:2.143rem}.text-4xl{font-size:2.857rem}.font-light{font-weight:300}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.price-up{color:#f04452}.price-down{color:#3182f6}.price-neutral{color:var(--text-secondary)}.badge-up{color:#f04452;background:#f0445214;border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:.786rem;font-weight:600;display:inline-flex}.badge-down{color:#3182f6;background:#3182f614;border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:.786rem;font-weight:600;display:inline-flex}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.live-dot{background:#05c46b;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-live;display:inline-block;box-shadow:0 0 6px #05c46b4d}@keyframes flash-green{0%{background:#f044521a}to{background:0 0}}@keyframes flash-red{0%{background:#3182f61a}to{background:0 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-shimmer}.sparkline-container{width:100%;height:40px;position:relative}.search-input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-normal);background:#f5f6f8;outline:none;width:100%;padding:8px 12px 8px 36px;font-family:inherit;font-size:.857rem}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--cyan);background:#fff;box-shadow:0 0 0 3px #3182f61a}.tab-nav{gap:var(--gap-xs);border-radius:var(--radius-sm);background:#f5f6f8;padding:3px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:.786rem;font-weight:500}.tab-btn:hover{color:var(--text-primary);background:#0000000a}.tab-btn.active{color:var(--cyan);background:#fff;box-shadow:0 1px 3px #00000014}@keyframes flashUp{0%,to{background-color:#0000}50%{background-color:#f044521f}}@keyframes flashDown{0%,to{background-color:#0000}50%{background-color:#3182f61f}}.flash-up{animation:.6s ease-out flashUp}.flash-down{animation:.6s ease-out flashDown}.dashboard-grid{gap:var(--gap-md);padding:var(--gap-md);grid-template-columns:repeat(3,1fr);max-width:1600px;margin:0 auto;animation:.35s ease-out fadeSlideIn;display:grid}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid>*{animation:.35s ease-out backwards fadeSlideIn}.dashboard-grid>:first-child{animation-delay:0s}.dashboard-grid>:nth-child(2){animation-delay:40ms}.dashboard-grid>:nth-child(3){animation-delay:80ms}.dashboard-grid>:nth-child(4){animation-delay:.12s}.dashboard-grid>:nth-child(5){animation-delay:.16s}.dashboard-grid>:nth-child(6){animation-delay:.2s}.dashboard-grid>:nth-child(7){animation-delay:.24s}.dashboard-grid>:nth-child(8){animation-delay:.28s}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-grid{padding:var(--gap-sm);padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr}html{font-size:15px}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);background:#333d4b;border:none;border-radius:6px;padding:4px 10px;font-size:.714rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}[data-theme=dark] .glass-card:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .search-input{border-color:var(--border-subtle);color:var(--text-primary);background:#1c2333}[data-theme=dark] .search-input:focus{background:#21262d;box-shadow:0 0 0 3px #3182f633}[data-theme=dark] .tab-nav{background:#1c2333}[data-theme=dark] .tab-btn.active{background:#21262d;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .tab-btn:hover{background:#ffffff0a}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#21262d 25%,#30363d 50%,#21262d 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-shimmer}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}[data-theme=dark] .tooltip:after{color:#0d1117;background:#e6edf3}button,[role=button],.glass-card h3{-webkit-user-select:none;user-select:none}@media (pointer:coarse){button,[role=button],a,input,select,textarea{min-width:44px;min-height:44px}.glass-card:hover{transform:none}button:active,[role=button]:active,.glass-card:active{transition:transform .1s;transform:scale(.97)}}*{-webkit-tap-highlight-color:transparent}.dashboard-grid{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.dashboard-grid,main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.swipe-indicator{display:none}@media (pointer:coarse) and (max-width:768px){.swipe-indicator{color:var(--text-muted);opacity:.6;justify-content:center;align-items:center;gap:6px;padding:4px 0;font-size:.733rem;display:flex}}.scroll-snap-x{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.scroll-snap-x>*{scroll-snap-align:start}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){.glass-card{border:2px solid canvastext}button{border:1px solid buttontext}}