@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=Syne:wght@400;600;700;800&display=swap";:root{--bg-base: #0d1117;--bg-surface: #161b22;--bg-card: #1c2128;--bg-hover: #21262d;--border: #30363d;--text-primary: #e6edf3;--text-secondary:#8b949e;--text-muted: #484f58;--accent: #f0b429;--accent-dim: #f0b42918;--up: #3fb950;--down: #f85149;--radius: 6px;--sidebar-w: 220px;--font-mono: "IBM Plex Mono", monospace;--font-display: "Syne", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;line-height:1.5;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg-surface);position:sticky;top:0;z-index:100}.header-brand{display:flex;align-items:center;gap:10px}.brand-logo{font-size:20px;color:var(--accent)}.brand-name{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:.08em}.brand-sub{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-left:1px solid var(--border);padding-left:10px}.header-meta{display:flex;align-items:center;gap:10px}.last-update{font-size:11px;color:var(--text-muted)}.refresh-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);width:28px;height:28px;border-radius:var(--radius);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .15s}.refresh-btn:hover{border-color:var(--accent);color:var(--accent)}.app-body{display:flex;height:calc(100vh - 53px);overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);border-right:1px solid var(--border);background:var(--bg-surface);overflow:hidden;display:flex;flex-direction:column}.ticker-list{display:flex;flex-direction:column;height:100%}.ticker-list-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--bg-card)}.ticker-count{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);font-size:10px;padding:1px 7px;border-radius:10px}.ticker-list-body{flex:1;overflow-y:auto}.ticker-list-body::-webkit-scrollbar{width:4px}.ticker-list-body::-webkit-scrollbar-track{background:transparent}.ticker-list-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.ticker-item{display:flex;flex-direction:column;width:100%;padding:9px 14px;background:none;border:none;border-bottom:1px solid var(--bg-card);cursor:pointer;text-align:left;transition:background .1s;color:var(--text-primary)}.ticker-item:hover{background:var(--bg-hover)}.ticker-item.active{background:var(--accent-dim);border-left:2px solid var(--accent)}.ticker-code{font-family:var(--font-mono);font-weight:600;font-size:12px;color:var(--text-primary)}.ticker-item.active .ticker-code{color:var(--accent)}.ticker-name{font-size:10px;color:var(--text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:var(--bg-base)}.main-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.section-chart{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.chart-wrapper{width:100%}.chart-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.chart-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chart-ticker{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--accent)}.chart-nombre{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.chart-change{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px}.chart-change.up{color:var(--up);background:#3fb95018}.chart-change.down{color:var(--down);background:#f8514918}.chart-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chart-type-btns{display:flex;gap:4px}.ctrl-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius);cursor:pointer;font-size:11px;font-family:var(--font-mono);transition:all .15s;white-space:nowrap}.ctrl-btn:hover{border-color:var(--accent);color:var(--accent)}.ctrl-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.forecast-btn{border-color:#fff4;color:#fff}.forecast-btn:hover{border-color:#fff}.forecast-btn.active{background:#ffffff18;border-color:#fff;color:#fff}.chart-stats{display:flex;gap:20px;flex-wrap:wrap;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg-card)}.stat{display:flex;flex-direction:column}.stat label{font-size:9px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.stat value{font-size:12px;font-weight:500;color:var(--text-primary)}.stat value.up{color:var(--up)}.stat value.down{color:var(--down)}.forecast-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:6px 16px;background:#60a5fa08;border-bottom:1px solid #60a5fa22;font-size:10px}.fc-line.center{color:#fff}.fc-line.band{color:#fff8}.fc-note{color:var(--text-muted);margin-left:auto}.chart-container{width:100%}.section-table{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.section-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.section-header h2{font-family:var(--font-display);font-weight:600;font-size:13px}.badge{font-size:10px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);padding:2px 8px;border-radius:20px}.table-wrapper{overflow-x:auto;max-height:320px;overflow-y:auto}.table-wrapper::-webkit-scrollbar{width:5px;height:5px}.table-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.trades-table{width:100%;border-collapse:collapse;font-size:12px}.trades-table thead{position:sticky;top:0;z-index:1;background:var(--bg-card)}.trades-table th{text-align:left;padding:9px 14px;font-size:10px;font-weight:500;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap}.trades-table td{padding:8px 14px;color:var(--text-primary);border-bottom:1px solid var(--bg-card);white-space:nowrap}.trades-table tbody tr:hover td{background:var(--bg-hover)}.trades-table td.mono{font-family:var(--font-mono)}.trades-table td.muted{color:var(--text-secondary)}.trades-table td.price{color:var(--accent);font-weight:500}.table-empty{padding:40px;text-align:center;color:var(--text-muted)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:80px 0;color:var(--text-muted)}.loading-spinner{width:26px;height:26px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#f8514918;border:1px solid var(--down);color:var(--down);padding:10px 16px;font-size:12px}.empty-state{padding:60px;text-align:center;color:var(--text-muted);font-size:12px}@media (max-width: 768px){.sidebar{width:160px;min-width:160px}.chart-stats .stat:nth-child(n+4){display:none}.brand-sub{display:none}}@media (max-width: 480px){.app-body{flex-direction:column;height:auto}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.ticker-list-body{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden}.ticker-item{min-width:90px;border-bottom:none;border-right:1px solid var(--bg-card)}}