:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#c9d1d9;background-color:#0d1117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button:focus,button:focus-visible{outline:2px solid #58a6ff;outline-offset:2px}#root{max-width:100%;margin:0;padding:0}.App{min-height:100vh;background-color:#0d1117;color:#c9d1d9}.App-header{background-color:#161b22;padding:1rem 2rem;border-bottom:1px solid #30363d}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-right{display:flex;align-items:center;gap:1rem}.App-header h1{margin:0;font-size:2rem;color:#58a6ff}.settings-btn{background-color:#21262d;border:1px solid #30363d;border-radius:6px;color:#8b949e;font-size:1.5rem;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.settings-btn:hover{background-color:#30363d;border-color:#58a6ff;color:#c9d1d9;transform:rotate(90deg)}.controls{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.search-input{padding:.5rem 1rem;font-size:1rem;background-color:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;width:300px}.search-input:focus{outline:none;border-color:#58a6ff}.filter-controls{display:flex;flex-direction:column;gap:.75rem;flex:0 1 auto;max-width:600px}.filter-tabs{display:flex;gap:0;border:1px solid #30363d;border-radius:6px;overflow:hidden;background-color:#0d1117}.filter-tab{padding:.5rem 1.25rem;background-color:transparent;border:none;color:#8b949e;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500;border-right:1px solid #30363d}.filter-tab:last-child{border-right:none}.filter-tab:hover{background-color:#161b22;color:#c9d1d9}.filter-tab.active{background-color:#58a6ff;color:#0d1117}.sub-filters{display:flex;gap:1.5rem;padding:.5rem 0;flex-wrap:wrap}.sub-filters label{display:flex;align-items:center;gap:.5rem;color:#c9d1d9;cursor:pointer;font-size:.875rem}.sub-filters input[type=radio]{accent-color:#58a6ff;cursor:pointer}.sort-buttons{display:flex;gap:.5rem}.sort-buttons button{padding:.5rem 1rem;background-color:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;transition:all .2s}.sort-buttons button:hover{background-color:#30363d;border-color:#58a6ff}main{padding:1rem 2rem 2rem}.stats{display:flex;flex-direction:column;gap:.5rem;color:#8b949e;font-size:.875rem;align-self:center;text-align:right;min-width:450px}.stats p{margin:0;white-space:nowrap}.profile-indicator{display:inline-flex;align-items:center;gap:.5rem;padding-left:.5rem}.profile-label{color:#6e7681;font-size:.875rem}.profile-value{color:#58a6ff;font-weight:600;font-size:.875rem}.profile-details{color:#8b949e;font-size:.875rem;font-style:italic}.symbol-table{overflow-x:auto}.symbol-table table{width:100%;border-collapse:collapse;background-color:#0d1117;border:1px solid #30363d;border-radius:6px}.symbol-table th{background-color:#161b22;padding:1rem;text-align:left;font-weight:600;color:#f0f6fc;border-bottom:1px solid #30363d}.symbol-table td{padding:.75rem 1rem;border-bottom:1px solid #21262d}.symbol-table tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#161b22}.symbol-name{font-weight:600;display:flex;align-items:center;gap:.5rem}.symbol-link{color:#58a6ff;text-decoration:none;transition:color .2s}.favorite-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6e7681;transition:color .2s,transform .2s;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.favorite-btn:hover{transform:scale(1.2)}.favorite-btn.is-favorite{color:gold}.favorite-row{background-color:#ffd7000d;border-left:3px solid #ffd700}.symbol-link:hover{color:#79c0ff;text-decoration:underline}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sortable-header:hover{background-color:#1c2128}.price{color:#7ee83f;font-family:monospace}.timestamp{color:#8b949e;font-size:.875rem}.loading,.error{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.25rem}.error{color:#f85149}.ema20,.ema50{font-family:monospace;color:#8b949e}.rsi{font-family:monospace;font-weight:600;padding:.25rem .5rem;border-radius:4px}.rsi-overbought{background-color:#f8514933;color:#f85149}.rsi-oversold{background-color:#7ee83f33;color:#7ee83f}.rsi-neutral{color:#c9d1d9}.price-value{font-weight:600}.price-change{font-size:.9em;margin-left:.25rem}.price-change-positive{color:#51cf66}.price-change-negative{color:#ff6b6b}.trend{text-align:center}.trend-indicator{display:inline-block;font-size:1.5rem;font-weight:700;padding:.5rem .75rem;border-radius:8px;min-width:3rem;transition:all .3s ease}.trend-bullish{color:#7ee83f;background-color:#7ee83f33;border:1px solid rgba(126,232,63,.4);box-shadow:0 0 10px #7ee83f4d}.trend-bullish:hover{background-color:#7ee83f4d;transform:translateY(-2px)}.trend-bearish{color:#f85149;background-color:#f8514933;border:1px solid rgba(248,81,73,.4);box-shadow:0 0 10px #f851494d}.trend-bearish:hover{background-color:#f851494d;transform:translateY(2px)}.trend-sideways{color:#8b949e;background-color:#8b949e1a;border:1px solid rgba(139,148,158,.3)}.trend-unknown{color:#6e7681;background-color:#6e76811a;opacity:.6}.macd{font-weight:600;font-size:.9em}.macd-positive{color:#51cf66}.macd-negative{color:#ff6b6b}.mfi{font-weight:600}.mfi-overbought{background-color:#f8514933;color:#f85149}.mfi-oversold{background-color:#7ee83f33;color:#7ee83f}.mfi-neutral{color:#c9d1d9}.atr{font-family:monospace;font-size:.9em;color:#58a6ff}.signal{font-weight:700;padding:.25rem .5rem;border-radius:4px;text-align:center;font-size:.85em}.signal-strong-buy{background-color:#00ff004d;color:#0f0;border:1px solid #00ff00;animation:pulse-green 2s infinite}.signal-buy{background-color:#7ee83f33;color:#7ee83f;border:1px solid #7ee83f}.signal-neutral{background-color:#6e76811a;color:#6e7681;opacity:.7}.signal-sell{background-color:#f8514933;color:#f85149;border:1px solid #f85149}.signal-strong-sell{background-color:#ff00004d;color:red;border:1px solid #ff0000;animation:pulse-red 2s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 5px #00ff0080}50%{box-shadow:0 0 15px #0f0c}}@keyframes pulse-red{0%,to{box-shadow:0 0 5px #ff000080}50%{box-shadow:0 0 15px #f00c}}@keyframes flashGreen{0%{background-color:transparent;box-shadow:none}25%{background-color:#7ee83f33;box-shadow:0 0 10px #7ee83f4d}50%{background-color:#7ee83f4d;box-shadow:0 0 15px #7ee83f66;transform:scale(1.02)}75%{background-color:#7ee83f33;box-shadow:0 0 10px #7ee83f4d}to{background-color:transparent;box-shadow:none}}@keyframes flashRed{0%{background-color:transparent;box-shadow:none}25%{background-color:#f8514933;box-shadow:0 0 10px #f851494d}50%{background-color:#f851494d;box-shadow:0 0 15px #f8514966;transform:scale(1.02)}75%{background-color:#f8514933;box-shadow:0 0 10px #f851494d}to{background-color:transparent;box-shadow:none}}@keyframes flashYellow{0%{background-color:transparent;box-shadow:none}25%{background-color:#fbbd2333;box-shadow:0 0 10px #fbbd234d}50%{background-color:#fbbd234d;box-shadow:0 0 15px #fbbd2366;transform:scale(1.02)}75%{background-color:#fbbd2333;box-shadow:0 0 10px #fbbd234d}to{background-color:transparent;box-shadow:none}}.flash-increase{animation:flashGreen 2s ease-in-out;position:relative;z-index:10}.flash-decrease{animation:flashRed 2s ease-in-out;position:relative;z-index:10}.flash-change{animation:flashYellow 2s ease-in-out;position:relative;z-index:10}.symbol-table td{transition:background-color .3s ease;position:relative}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#161b22;border:1px solid #30363d;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #30363d}.modal-header h2{margin:0;color:#58a6ff;font-size:1.5rem}.header-buttons{display:flex;gap:.5rem;align-items:center}.info-btn{background-color:#21262d;border:1px solid #30363d;color:#58a6ff;font-size:1.2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.info-btn:hover{background-color:#30363d;transform:scale(1.1)}.close-btn{background:none;border:none;color:#8b949e;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background-color:#30363d;color:#c9d1d9}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{color:#58a6ff;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #30363d}.setting-row{display:grid;grid-template-columns:180px 100px 1fr;gap:1rem;align-items:center;margin-bottom:1rem}.setting-row:last-child{margin-bottom:0}.setting-row label{color:#c9d1d9;font-size:.95rem}.setting-row input[type=number]{padding:.5rem;background-color:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:.95rem;width:100%}.setting-row input[type=number]:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.setting-hint{color:#6e7681;font-size:.85rem}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #30363d;background-color:#0d1117}.button-group{display:flex;gap:.75rem}.btn{padding:.5rem 1.25rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-primary{background-color:#238636;color:#fff;border-color:#238636}.btn-primary:hover{background-color:#2ea043;border-color:#2ea043}.btn-cancel{background-color:#21262d;color:#c9d1d9;border-color:#30363d}.btn-cancel:hover{background-color:#30363d;border-color:#8b949e}.btn-secondary{background-color:transparent;color:#58a6ff;border-color:#30363d}.btn-secondary:hover{background-color:#21262d;border-color:#58a6ff}.legend-panel{background-color:#0d1117;border-bottom:1px solid #30363d;padding:1.5rem;animation:slideDown .3s ease-out;max-height:50vh;overflow-y:auto}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:600px;opacity:1}}.legend-panel h3{color:#58a6ff;margin:0 0 .75rem;font-size:1.2rem}.legend-description{color:#8b949e;margin:0 0 1.5rem;font-size:.9rem}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.preset-card{background-color:#161b22;border:1px solid #30363d;border-radius:8px;padding:1rem;transition:all .2s}.preset-card:hover{border-color:#58a6ff;box-shadow:0 0 10px #58a6ff33}.preset-header{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #30363d}.preset-header h4{color:#f0f6fc;margin:0 0 .25rem;font-size:1rem}.preset-tag{color:#6e7681;font-size:.75rem;font-style:italic}.preset-values{margin-bottom:1rem}.preset-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem}.preset-row span:first-child{color:#8b949e}.preset-row span:last-child{color:#c9d1d9;font-family:monospace;font-weight:600}.btn-apply-preset{width:100%;padding:.5rem;background-color:#238636;color:#fff;border:1px solid #238636;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-apply-preset:hover{background-color:#2ea043;border-color:#2ea043;transform:translateY(-1px)}.legend-footer{border-top:1px solid #30363d;padding-top:1rem}.legend-note{color:#6e7681;font-size:.85rem;margin:0;line-height:1.4}.legend-note strong{color:#8b949e}.modal-body::-webkit-scrollbar,.legend-panel::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track,.legend-panel::-webkit-scrollbar-track{background:#161b22}.modal-body::-webkit-scrollbar-thumb,.legend-panel::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover,.legend-panel::-webkit-scrollbar-thumb:hover{background:#484f58}@media (max-width: 640px){.modal-content{width:95%;max-height:90vh}.setting-row{grid-template-columns:1fr;gap:.5rem}.setting-row label{font-weight:600}.modal-footer{flex-direction:column;gap:1rem}.button-group{width:100%;justify-content:flex-end}}