#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.connection-status{position:fixed;top:10px;right:10px;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:700}.connection-status.connected{background-color:#4caf50;color:#fff}.connection-status.reconnecting{background-color:#ff9800;color:#fff}.connection-status.disconnected{background-color:#f44336;color:#fff}.container{display:grid;grid-template-columns:1fr;gap:20px;padding:20px}@media (min-width: 768px){.container{grid-template-columns:1fr 1fr}}.knn-lists{display:grid;grid-template-columns:1fr 1fr;gap:20px}.knn-list ul{list-style:none;padding:0;text-align:left}.knn-list li{padding:8px 12px;margin:4px 0;background-color:#f5f5f5;border-radius:4px}.stock-info{display:flex;flex-direction:column;gap:4px}.stock-main{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.stock-rank{font-weight:700;color:#333;min-width:20px}.stock-symbol{font-weight:700;color:#2196f3}.stock-name{color:#666;font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.stock-details{display:flex;justify-content:space-between;font-size:.85em;padding-left:26px}.stock-isin{color:#888;font-family:monospace}.knn-list li .score{color:#666;font-size:.9em}.chart-container{height:400px}.chart-wrapper{height:350px}.no-data{padding:20px;text-align:center;color:#666;background-color:#f9f9f9;border-radius:8px;border:1px dashed #ddd}.no-data p{margin:0 0 8px;font-size:14px;color:#888}.no-data small{font-size:12px;color:#aaa}.chart-no-data{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.sort-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;background-color:#f5f5f5;border-radius:8px;max-width:400px;margin:20px auto}.sort-controls label{font-weight:700;color:#2c3e50}.sort-button{padding:8px 16px;border:2px solid #ddd;background-color:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease;color:#666}.sort-button:hover{border-color:#42b983;color:#42b983}.sort-button.active{background-color:#42b983;border-color:#42b983;color:#fff;font-weight:700}