body { margin:0; font-family:sans-serif; }
.container { display:flex; height:100vh; }
.sidebar { width:300px; border-right:1px solid #ccc; overflow-y:auto; padding:10px; }
.main-content { flex:1; padding:20px; overflow-y:auto; }
.add-symbol, .filter-symbol { margin-bottom:10px; position:relative; }
.suggestions { position:absolute; z-index:9; top:100%; left:0; right:0; background:#fff; border:1px solid #ccc; list-style:none; padding:0; margin:0; max-height:150px; overflow-y:auto; }
#suggestions li { padding:5px; cursor:pointer; }
.category { margin-bottom:10px; }
.category-header { font-weight:bold; cursor:pointer; }
.symbol-item { display:flex; justify-content:space-between; padding:2px 0; cursor:pointer; }
.symbol-item:hover { background:#eef; }
.symbol-item .delete { color:red; cursor:pointer; margin-left:5px; }
.hidden { display:none; }