.message-table{width:100%;border-collapse:collapse;}.message-table th,.message-table td{padding:8px;border:1px solid #ccc;}.message-table tr.unread td{font-weight:700;background:#f9f9f9;}.message-avatar{width:24px;height:24px;border-radius:50%;margin-right:6px;vertical-align:middle;}.vertical-tabs{display:flex;gap:20px;}.tabs{display:flex;flex-direction:column;width:300px;}.tab-link{padding:10px;margin-bottom:8px;background:#eee;border:1px solid transparent;border-left:5px solid transparent;text-align:left;cursor:pointer;font-weight:700;color:#000;text-decoration:none;transition:background 0.2s ease,border-left-color 0.2s ease;}.tab-link.active{background:#ddd;border-left-color:#333;color:#000;}.tab-content{flex:1;padding:10px;background:#fff;border:1px solid #ccc;position:relative;}.autocomplete-box{position:absolute;background:#fff;border:1px solid #ccc;max-height:150px;overflow-y:auto;width:250px;z-index:1000;}.autocomplete-item{display:flex;align-items:center;gap:8px;padding:5px 10px;cursor:pointer;color:#000;transition:background 0.2s ease;}.autocomplete-item:hover{background:#f0f0f0;}.autocomplete-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#ddd;}.btn{display:inline-block;padding:6px 12px;background:#eee;border-radius:6px;text-decoration:none;color:#000;font-weight:700;border:1px solid #ccc;transition:background 0.2s ease;}.btn:hover{background:#ddd;}