*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0a0e27;color:#e0e0e0;line-height:1.6}#app{max-width:1400px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px;padding:20px;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:12px}header h1{font-size:2.5rem;margin-bottom:10px}#last-updated{color:#b0b0b0;font-size:.9rem}main{display:flex;flex-direction:column;gap:30px}.chart-section{background:#131722;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000004d}.chart-section h2{margin-bottom:15px;font-size:1.5rem;color:#fff}.chart-wrapper{display:flex;gap:20px}.chart-container{flex:1;height:400px;position:relative}.legend{width:200px;padding:10px;background:#1e222d;border-radius:8px;overflow-y:auto;max-height:400px}.legend-item{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-bottom:4px;border-radius:4px;cursor:pointer;transition:background .2s;font-size:.85rem}.legend-item:hover{background:#2a2e39}.legend-color{width:16px;height:3px;border-radius:2px}.legend-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-rank{font-size:.75rem;color:#888}@media(max-width:1024px){.chart-wrapper{flex-direction:column}.legend{width:100%;max-height:200px}}.filters{background:#1e222d;padding:20px;border-radius:8px;margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:.9rem;margin-bottom:8px;color:#b0b0b0}.filter-group span{font-weight:700;color:#fff;margin-left:5px}.filter-group input[type=range]{width:100%;margin-top:5px}.btn-primary{grid-column:1 / -1;padding:12px 24px;background:linear-gradient(135deg,#2962ff,#1e3c72);color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2962ff66}.stock-table{width:100%;border-collapse:collapse;background:#1e222d;border-radius:8px;overflow:hidden}.stock-table thead{background:#2a2e39}.stock-table th{padding:12px 16px;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid #131722}.stock-table td{padding:10px 16px;border-bottom:1px solid #2a2e39;color:#d1d4dc}.stock-table tbody tr:hover{background:#2a2e39}.stock-table td:nth-child(5),.stock-table td:nth-child(6),.stock-table td:nth-child(7),.stock-table td:nth-child(8),.stock-table td:nth-child(9),.stock-table td:nth-child(10){font-family:Courier New,monospace;text-align:right}#stock-table-container{overflow-x:auto}@media(max-width:768px){.filters{grid-template-columns:1fr}.stock-table{font-size:.85rem}.stock-table th,.stock-table td{padding:8px}}.filter-section{background:#2a2e39;padding:15px;border-radius:6px}.filter-section h3{margin:0 0 15px;font-size:1rem;color:#fff;border-bottom:2px solid #2962FF;padding-bottom:8px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.btn-primary{grid-column:1 / -1}.table-info{margin-bottom:10px;color:#b0b0b0;font-size:.9rem}.stock-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{font-weight:600}.score-high{color:#26a69a}.score-medium{color:#ffb800}.score-low{color:#ef5350}.stock-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.stock-table th.sortable:hover{background:#3a3e49}.stock-table th.sortable:active{background:#4a4e59}select{width:100%;padding:8px 12px;background:#2a2e39;border:1px solid #3a3e49;border-radius:4px;color:#fff;font-size:.9rem;cursor:pointer;margin-top:5px}select:focus{outline:none;border-color:#2962ff}select option{background:#2a2e39;color:#fff}